jQuery Datetimepicker没有更新值

时间:2017-10-20 11:02:35

标签: jquery datetimepicker

Datetimepicker库仅显示now()日期,但输入值是另一个日期。



$('.date-picker').datetimepicker({
          format: 'DD.MM.YYYY',
          locale: 'de',
          daysOfWeekDisabled: [0, 6],
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />

<input type='text' class="form-control date-picker" name="delivery_date" id="delivery_date" value="24.10.2017" required="required">
&#13;
&#13;
&#13;

甚至我的输入元素的值是24.10.2017我只能看到今天的日期(now()) - &gt;二〇一七年十月二十○日。

我尝试使用$('#delivery_date').datetimepicker('refresh');,但结果是相同的

1 个答案:

答案 0 :(得分:0)

我假设您使用的是以下plugin

在您的示例中,您使用Format选项,jQuery-ui 需要 dateFormat选项。您还希望以日/月/年格式输入日期,因此我将日期格式重新排列为dateFormat: 'dd/mm/yy'

我还使用timeFormat: 'HH:mm'

将您的时间格式设置为24小时格式

您需要在输入值中包含时间,以便datetimepicker可以选择它。在下面的示例中,我将时间设置为默认00:00。

&#13;
&#13;
$('.date-picker').datetimepicker({
  dateFormat: 'dd/mm/yy',
  timeFormat: 'HH:mm',
  locale: 'de',
  daysOfWeekDisabled: [0, 6],
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />

<input type='text' class="form-control date-picker" name="delivery_date" id="delivery_date" value="24/10/2017 00:00" required="required">
&#13;
&#13;
&#13;