日期范围选择器默认值

时间:2013-05-17 11:55:57

标签: php javascript jquery datepicker

大家好我正在使用daterangepicker.jQuery.js

http://trac.vtiger.com/cgi-bin/trac.cgi/browser/vtigercrm/branches/6.0.0/vtiger6/libraries/jquery/jquery-ui/third-party/jQuery-UI-Date-Range-Picker/js/daterangepicker.jQuery.js?rev=13838

默认情况下,它在1970-01-01初始化,我在整个javascript中搜索但我没有发现有人知道如何更改此值?如果可能的话,如何在今天的日期限制日历

(编辑)

我试过

<script type="text/javascript">
            $(function(){
                    $('#rangeBa, #rangeBb').daterangepicker();
             });
             $(document).ready(function(){
                var date = '17-05-2013';
                $('#rangeBa, #rangeBb').daterangepicker('setDate', date);?
            })
        </script>

但它不起作用

4 个答案:

答案 0 :(得分:2)

尝试

$(document).ready(function(){
    var date = '17-05-2013';
    $("#my_input").datepicker('setDate', date);​
})

确保日期选择器日期格式仅为'dd-mm-yyyy' 根据你的编辑

/*$(function(){
            $('#rangeBa, #rangeBb').daterangepicker();    
         });*/
         $(document).ready(function(){
            var date = '17-05-2013';
            $('#rangeBa, #rangeBb').daterangepicker();
            $('#rangeBa, #rangeBb').daterangepicker('setDate', date);
        })

你可以尝试日期对象,如

defaultDate = new Date(2013,05,17);
$('#rangeBa, #rangeBb').daterangepicker('setDate', defaultDate);    

答案 1 :(得分:1)

试一试。

<script type="text/javascript">
        var today = new Date();
        $(function () {
        $('#rangeBa, #rangeBb').daterangepicker({ 
        "startDate": today,
        },
        locale: {
                format: 'DD-MM-YYYY',
        },
                function (start) {
                    startdate = start.format('DD-MM-YYYY')
                });
        });
</script>

您可以尝试这样,daterangepicker采用今天的默认日期..

答案 2 :(得分:0)

这就像一个魅力。你可以尝试一下。

var today = new Date();
var endDate = new Date();
endDate.setMonth(endDate.getMonth() + 1);
$('#rangeBa, #rangeBb').daterangepicker({ 
    startDate: today, // after open picker you'll see this dates as picked
    endDate: endDate,
    locale: {
       format: 'DD-MM-YYYY',
    }
}, function (start, end, label) {
    //what to do after change
}).val(today + " - " + endDate); //set it to see it inside input (don't forget to format dates)

如果您想限制日期范围,请使用minDate和maxDate选项。

答案 3 :(得分:-2)

<input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
    <script>
    $(function() {
      $('input[name="daterange"]').daterangepicker({
        opens: 'left'
      }, function(start, end, label) {
        console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
      });
    });
    </script>