2015-09-12 142 views
2

我在我的php網站中使用jQuery日期選擇器。它工作正常,但我想禁用之前的日期。我嘗試在某些方面做,但它不起作用。jQuery日期選擇器不工作

我的腳本如下

<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url("cal/jsDatePick_ltr.min.css"); ?>" /> 
<script type="text/javascript" src="<?php echo base_url("cal/jsDatePick.jquery.min.1.3.js"); ?>"></script> 
<script type="text/javascript"> 
var today = new Date(); 
var y = today.getFullYear(); 
var m = today.getMonth(); 
var d=today.getDate(); 
window.onload = function() { 
new JsDatePick({ 
useMode: 2, 
target: "edate", 
dateFormat: "%Y-%m-%d", 
yearsRange:[y,9999] 
}); 
}; 
</script> 

我的形式如下。我在這個項目中使用codeigniter:

<?php 
$data = array(
"name" => "edate", 
"id" => "edate", 
"value" => "", 
"class" => "form-control", 
"placeholder" => "Expire Date", 
"aria-describedby" => "sizing-addon1" 
); 
echo form_input($data); 
?> 

當我點擊這個texbox日曆成功彈出。但我想從它禁用以前的日期。

回答

0

試試這個:

window.onload = function() { 
new JsDatePick({ 
useMode: 2, 
target: "edate", 
dateFormat: "%Y-%m-%d", 
yearsRange:[y,9999], 
minDate: 0 // Disable previous date 
}); 
+0

我試試吧。但它不是工作 –

0

試試這個代碼,這個, 替換爲你的笨代碼,

<?php 
    $data = array(
     "name" => "edate", 
     "id" => "edate", 
     "value" => "", 
     "class" => "form-control input-datepicker", 
     "placeholder" => "Expire Date", 
     "aria-describedby" => "sizing-addon1" 
    ); 
echo form_input($data); 
?> 

,並添加到您的jQuery,

$("#edate").datepicker({ 
     startDate: '1' 
}); 
+0

我嘗試你的code.but它不工作。任何其他建議? –

+0

添加輸入日期選擇器到你的日期選擇器類 – Priyank

+0

我怎麼能做date.i'm新的日期選擇器。 –