如何从jquery日期选择器中禁用以前的日期 [英] how disable previous dates from jquery date picker

问题描述

我在我的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 type =   text / javascript> 
  var  today =  new  日期（）; 
  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，
  占位符 =>  过期日期，
   aria-describedby =>   sizing-addon1 
）; 
  echo  form_input（$ data）; 
 ？>  

当我点击此texbox时日历成功弹出。但我想禁用它以前的日期。

解决方案

数据 =数组（
name => edate ，
id => edate，
value => ，
class => 表单控件，
占位符 => 过期日期，
aria-de scribedby => sizing-addon1
）;
echo form_input（

data）;
？>

当我点击此texbox时日历成功弹出。但是我想从它中禁用以前的日期。

你可以如何禁用jQuery UI Datepicker的以前日期，如：



< b> HTML：

 <   p  > 日期：<  输入    type   = < span class =code-keyword> text    id   =  datepicker >  <   / p  >  

JS：

  //  获取今天的日期 
  var  today =  new  日期（）; 

I'm using jQuery date picker in my php site. It's working properly, but I want to disable previous date from it. I try to do in some ways but it's not working.

My script as follow

<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>

My form as follow. I'm using codeigniter in this project:

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

When I click on this texbox calender is popup successfully. but I want to disable previous dates from it.

解决方案

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

data); ?>

When I click on this texbox calender is popup successfully. but I want to disable previous dates from it.

You can how disable previous dates from jQuery UI Datepicker like:

HTML:

<p>Date:<input type="text" id="datepicker"></p>

JS:

// Get today's date
var today = new Date();

这篇关于如何从jquery日期选择器中禁用以前的日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！