将autoUpdateInput设置为false后，日期时间选择器不起作用 [英] Date time picker not working after setting autoUpdateInput to false

问题描述

我有一个要求，即当用户有日期时间时，数据库中应仅显示日期时间.但是，如果数据库没有日期时间，则在文本框中必须为空.

但是当页面加载datetimepicker设置默认值时.因此，为此，我将 autoUpdateInput 设置为false，它正在将文本框设置为空白.但是之后，datetimepicker不会在文本框中设置值.

  $('.datetimepicker').daterangepicker({autoUpdateInput:否，singleDatePicker:是的，showDropdowns:是的，timePicker:是的，区域设置:{格式:"DD-MM-YYYY hh:mm:ss"}，}); 

Js Fiddle链接: https://jsfiddle.net/Ly0jh5pz/2/

注意:我必须使用daterangepicker，所以引导datetimepicker不能选择.

解决方案

尝试一下:

  $(#reportdatetime").daterangepicker({autoUpdateInput:否，timePicker:是的，timePicker24Hour:是的，timePickerIncrement:30，区域设置:{格式:"MM/DD/YYYY H:mm"}});$('#reportdatetime').on('apply.daterangepicker'，function(ev，picker){$(this).val(picker.startDate.format('MM/DD/YYYY H:mm')+'-'+ picker.endDate.format('MM/DD/YYYY H:mm'));});$('#reportdatetime').on('cancel.daterangepicker'，function(ev，picker){$(this).val('');}); 

I have a requirement that when user has a date time exist in database only that time it shows date. But if database doesn't have date time then in text box it must be blank.

But when page load datetimepicker set default value in it. So for that I have set autoUpdateInput to false it's working it set textbox to blank. But after that the datetimepicker doesn't set value in textbox.

$('.datetimepicker').daterangepicker({ 
    autoUpdateInput: false,       
    singleDatePicker: true,
    showDropdowns: true,
    timePicker: true,
    locale: {
        format: 'DD-MM-YYYY hh:mm:ss'
    },
});

Js Fiddle Link: https://jsfiddle.net/Ly0jh5pz/2/

Note: I have to use daterangepicker so bootstrap datetimepicker is not an option.

解决方案

try this:

$("#reportdatetime").daterangepicker({
                autoUpdateInput: false,
        timePicker: true,
        timePicker24Hour: true,
        timePickerIncrement: 30,
        locale: {
            format: 'MM/DD/YYYY H:mm'
        }
    });

  $('#reportdatetime').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('MM/DD/YYYY H:mm') + ' - ' + picker.endDate.format('MM/DD/YYYY H:mm'));
  });

  $('#reportdatetime').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
  });

这篇关于将autoUpdateInput设置为false后，日期时间选择器不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！