根据输入值设置 jQuery 日期范围选择器的日期

2024-02-03

https://github.com/longbill/jquery-date-range-picker https://github.com/longbill/jquery-date-range-picker

我一切都工作得很好,但我似乎无法让选择器使用我在 .有两个输入,开始日期和结束日期。我有一个 value="" ,两者中都有一个日期,这应该是日期选择器的默认日期。然后用户就可以更改这些日期。

我尝试过一些不同的想法,但我无法获得任何东西来获取输入的值属性。任何见解将不胜感激。

这是我的代码:

<div class="datepicker-to-from">
    <input type="date" id="startTimestamp" class="date-picker" value="11/18/2012 05:45 AM">

    <input type="date" id="endTimestamp" class="date-picker" value="04/09/2014 5:00 PM">
</div>

$('.datepicker-to-from').dateRangePicker({
    format: 'MM/DD/YYYY HH:mm A',
    showShortcuts: false,
    time: {
        enabled: true
    },  
    getValue: function(){
        $('#startTimestamp').val() + ' to ' + $('#endTimestamp').val();
    },
    setValue: function(){
        $('#startTimestamp').val();
        $('#endTimestamp').val();
    },
    startDate: $('#startTimestamp').val()
});

2015 年 4 月 10 日更新:在andybeli和The F的帮助下,我解决了这个问题。对于遇到类似情况的人来说,最终的 JS 代码如下所示。

$('.datepicker-to-from').dateRangePicker({
    format: 'MM/DD/YYYY HH:mm A',
    showShortcuts: false,
    time: {
        enabled: true
    },  
    setValue: function(s,s1,s2){
        $('#startTimestamp').val(s1);
        $('#endTimestamp').val(s2);
    },
}); 

var startDate = $('#startTimestamp').val();
var endDate = $('#endTimestamp').val();

$('.datepicker-to-from').data('dateRangePicker').setDateRange(startDate,endDate);

在 Daterangepicker 中,我们必须在 startDate 和 endDate 参数中传递值。

$('#daterange').daterangepicker({ startDate: '03/05/2005', endDate: '03/06/2005' });

注意:这里我们必须以“m/d/Y”格式传递日期,因为这是默认类型,除非您没有在语言环境数组中指定格式。

locale: {
      format: 'M/DD hh:mm A'
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

根据输入值设置 jQuery 日期范围选择器的日期 的相关文章

随机推荐