日期范围选择器默认值

Posted 2023-05-07

【中文标题】日期范围选择器默认值

【英文标题】：date range picker default value

【发布时间】：2013-05-12 13:59:52

【问题描述】：

大家好，我正在使用 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>

但它不起作用

【问题讨论】：

1970-01-01 是start of time for Unix

看看：***.com/questions/4466896/…

【参考方案1】：

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

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 选项。

【参考方案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);    

【讨论】：

我必须把它放在 javascript 文件中还是我的 php 页面中？

@Gautam3164 问题是当我添加你的函数时，当我点击该字段时我没有日期选择器：/

我已经告诉过你日期格式......检查一次并根据你的日期格式更改其值

现在有了你的新功能，我可以看到它，但日期仍然相同，尽管日期格式相同

【参考方案3】：

试试看。

<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 将默认日期设为今天..

【参考方案4】：

<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>

【讨论】：

Hoạt động với tôi。楚：opens: 'left'