0

我从这里有 daterangepicker 您可以在以下位置看到 javascrpt 和 css：http: //jsfiddle.net/CUMFw/

我尝试从这个解决方案中显示设置的默认日期（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>

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

4

2 回答 2

0

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

$('#tgl').daterangepicker({
    setDate: new Date(),//changed defaultDate to setDate.
    arrows:true,
    onSelect: function(){
       $('#frmDate').submit()
    }//removed comma here
 });
于 2013-08-20T05:40:13.057 回答
0

我会尝试两件事。首先，确保您的脚本块上方有一个指向 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()
    },
 });
});

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

于 2013-08-20T05:31:04.653 回答