Question

我尝试使用daterangepicker作为日期时间选择器，以下代码可以正常工作。

  function openDatePicker(obj, extras)     {
     obj.daterangepicker({
            showDropdowns: true,
            autoUpdateInput: false,
            startDate: extras.date,
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: true,
            applyClass: 'bg-slate-600',
            cancelClass: 'btn-default',
            locale: {
                format: 'MM/DD/YYYY HH:mm'
            }
        });
  }

但我有一些问题。

1）首先应用/取消按钮完全不显示。

2）其次我需要在daterangepicker应用示例后在某个事件上设置日期。以下代码我发现无法正常工作。

      obj.daterangepicker({
            //showWeekNumbers: true,
            showDropdowns: true,
            autoUpdateInput: false,
            startDate: extras.date,
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: true,
            applyClass: 'bg-slate-600',
            cancelClass: 'btn-default',
            locale: {
                format: 'MM/DD/YYYY HH:mm'
            },
            //autoApply: false
        },
        function(chosen_date) {
            obj.val(chosen_date.format('MM/DD/YYYY HH:mm'));
        });

第三，我需要在从另一个字段中选择日期后设置一个日期字段，假设从所选日期开始加5天。我尝试过活动＆＃39; apply.daterangepicker＆＃39;在我点击外面后关闭选择器时没有执行的第一个日期，我也尝试了hide.daterangepicker正在执行但是给出空日期值。

$('#SurgeryDate').on('apply.daterangepicker', function(ev, picker) {                                         
    $('#DueDate').data( 'daterangepicker' ).setStartDate(picker.startDate.add(5,'d').endOf('day'));
});

$('#SurgeryDate').on('hide.daterangepicker', function(ev, picker) {
    $('#DueDate').data( 'daterangepicker' ).setStartDate(picker.startDate.add(5,'d').endOf('day'));
});

我使用的是版本2.1.23

daterangepicker与singledatepicker问题

0 个答案: