2017-08-11 41 views
-1

所以我必须有所在的表里面的数据被创建的日期值这个文本框:如何根据文本框中的值设置datepicker中的minDate选项?

$createdat = date('Y-m-d', strtotime($getdetail['created_at'])); 
<input type="hidden" id="createdat" name="edit_created_at" class="form-control" value="' .$createdat.'"> 

所以我想要做的是根据在值设定的日期选择器的MINDATE值上面的文本框,我已经试过这样:

$("#dynamic_admin_edit_event_time").on("focus", ".eventdate", function(){ 


    $(this).datetimepicker({ 
     useCurrent: true, 
     minDate: $("#createdat").val(), 
     dateFormat: "YYYY-MM-DD" 
    }); 
}); 

但它似乎没有工作,你们可以告诉我的方法来设置的minDate在日期选择器有一个在价值文本框?谢谢。

+0

使用这种格式:'minDate:new Date(1991,10,28)'记得月份索引是零基于 – tech2017

+0

这不是最小值到1991年10月28日吗?我想要的是根据输入内的值设置思路。 – teddygamer

+0

你能告诉我们一个'$ getdetail ['created_at'])'的示例值吗?我认为引导datetimepicker插件支持[ISO 8601格式日历日期](https://en.wikipedia.org/wiki/ISO_8601#Calendar_dates):所以这将工作:'$ createdat = date('Ym-d', strtotime($ getdetail ['created_at']));',它产生一个四位数年份,两位数月份和两位数字的字符串,例如'YYYY-MM-DD'('2017-08-11') – Terry

回答

0

我已经创建了一个jsfiddle供您观察。

HTML

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

jQuery的

$("#MinDate").blur(function(){ 
    var newDate = new Date($("#MinDate").val()); 

    // alert(newDate); - did this just to see the value 

    $("#datepicker").datepicker({ 
     minDate: newDate 
    }); 
}); 

当我运行它,我看到:

enter image description here

的MINDATE是由文本框中的值设置。因此,一旦用户输入日期(我的解决方案可能会设置错误,因为您没有在问题中澄清该文本框是否对页面加载有价值,或者如果您希望minDate设置为用户在输入字段中键入的内容)..然后在输入字段外单击.minDate设置为该值。

让我知道这是否有帮助。

UPDATE

你的问题寻找更多..我做对的minDate一些研究。

每文档:

的minDate

类型:日期或数字或字符串

默认:空 最小可选日期。设置为空时,没有最小值。支持

多种类型:

  • 日期:含有最小日期的日期对象。

  • 数字:从今天开始的天数。例如2表示从今天开始的两天,-1表示昨天。

  • 字符串:由dateFormat选项或相对日期定义的格式中的字符串。相对日期必须包含价值和周期对;有效期间为“y”多年,“m”数月,“w”数周,“d”数日。例如,“+ 1m + 7d”表示从今天起一个月零七天。

受支持的类型..特别是第3次我的关心交易 - String。它说“由dateFormat选项”定义的格式中的一个字符串。

dateFormat选项YYYY-MM-DD,但你的$createdat是在Y-m-d格式..这显然不匹配,所以这可能是这个问题为好,但只有你可以测试。

+0

谢谢,我现在正在工作。 – teddygamer

+0

@teddygamer我的回答有用吗?如果是这样,请将其标记为已接受,以便将此问题视为已回答。 –

+0

好的,标记了你的答案 – teddygamer

相关问题