Question

我有来自here的daterangepicker 你可以在http://jsfiddle.net/CUMFw/

中看到javascrpt和css

我已尝试通过此解决方案（jQuery-UI datepicker default date＆amp; 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
 });

在我的datepicker早期将当前日期设置为默认值，以便我可以根据当前日期过滤数据

2 个答案: