在我的日期选择器中将当前日期设置为默认日期，以便我可以根据当前日期过滤数据

Question

我有来自here 的日期范围选择器 您可以在：http://jsfiddle.net/CUMFw/

中查看 javascrpt 和 css

我已尝试显示此解决方案中的设置默认日期（jQuery-UI datepicker default date 和How do I pre-populate a jQuery Datepicker textbox with today's date?）但仍然无法正常工作。

这是我的部分实验 php 代码：

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
<link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" />
<link rel="stylesheet" href="css/redmond/jquery-ui-1.7.1.custom.css" type="text/css"title="ui-theme" />
<script type="text/javascript">
$(function(){ 
     $('#tgl').daterangepicker({
        defaultDate: new Date(),
        arrows:true,
        onChange: function(){
           $('#frmDate').submit()
        },
     });
});
</script>
<?php 
$dates = explode("-",$_POST[tgl] );
$date1=  date("Y-m-d", strtotime($dates[0]));
if ($dates[0] == $_POST[tgl]){
    $date2 = $date1;
    echo $date2;
}
else{
$date2=  date("Y-m-d", strtotime($dates[1]));}
?>
<form id="frmDate" action="http://localhost/job/uadmin.php?page=absensi" method="post">
<input id="tgl" name="tgl" type="text" class="field"  value="<?php echo $_POST[tgl]; ?>"/>
</form>

请帮我解决我的问题，谢谢。

Answer 1

我会尝试两件事。首先，确保您的脚本块上方有一个指向 jQuery 的链接。使用 Google 或本地副本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

如果这不起作用，接下来尝试将 Javascript 代码中的所有 $ 实例替换为 jQuery：

jQuery(function(){ 
 jQuery('#tgl').daterangepicker({
    defaultDate: new Date(),
    arrows:true,
    onChange: function(){
       jQuery('#frmDate').submit()
    },
 });
});

这有助于避免与也使用$ 作为变量的其他库发生冲突。

Answer 2

我没有正确理解这个问题。而不是 defaultDate 尝试 setDate。据我所知，没有 onChange 事件，请尝试 onSelect 方法。

$('#tgl').daterangepicker({
    setDate: new Date(),//changed defaultDate to setDate.
    arrows:true,
    onSelect: function(){
       $('#frmDate').submit()
    }//removed comma here
 });