繁体   English   中英

jQuery日期选择器不起作用

[英]jQuery date picker not working

我在我的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);
?>

当我单击此texbox时,压光机成功弹出。 但我想从中禁用以前的日期。

尝试这个:

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

试试这个代码,用以下代码替换您的codeigniter代码:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM