jQuery日期选择器不工作

Question

我在我的php站点中使用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);
?>

当我点击这个文本框时，日历会成功弹出。但我想禁用它以前的日期。

Answer 1

试试这个：

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

Answer 2

试一下这段代码，把你的代码替换成

<?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'
});