【问题标题】:Data doesn't show in input date time picker数据未显示在输入日期时间选择器中
【发布时间】:2021-01-13 06:41:13
【问题描述】:

我想制作一个包含日期时间选择器的表单。我正在使用 boostrap 。选择日期时间时它工作正常,但如果我用它来制作编辑表单,时间日期数据不会显示在输入日期时间选择器中。 这是我的代码

 <div class='input-group date' id='datetimepicker1'>
     <input type='text' class="form-control" value="<?php 
        if($detail['EventStart'] == ''){
          echo $today;
        }else{
           echo $detail['EventStart'];
        }?>" />
        <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
        </span>
   </div>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/momentjs/2.14.1/moment.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <script>
   $(function () {
      $('#datetimepicker1').datetimepicker();
   });
   </script>

任何帮助将不胜感激。谢谢你

【问题讨论】:

  • 它是否以日期选择器支持的格式输出值?值得注意的是,display 格式可能无法用于设置默认值。
  • $today / $detail['EventStart'] 的格式是什么?为了让 datetimepicker 理解它,值的格式有要求。
  • $today = 13/01/2021 14:00 $detail['EventStart'] = 2021-01-13T14:25:00
  • 试试这个

标签: php html codeigniter


【解决方案1】:

对于默认日期设置,您希望使用 Javacsript 或 Jquery 设置 DefaultValue...visit this Page

echo '<script>document.getElementById("date").defaultValue = "'.$detail['EventStart'].'";</script>';

注意:DateRangePicker 默认支持 m-d-Y 日期格式,因此您必须传递正确的日期格式数据...

用于转换日期格式...

$date = date('m-d-Y', strtotime($detail['EventStart']));

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-04
    相关资源
    最近更新 更多