如何根據文本框中的值設置datepicker中的minDate選項？

-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在日期選擇器有一個在價值文本框？謝謝。

來源

2017-08-11 teddygamer

使用這種格式：'minDate：new Date（1991，10，28）'記得月份索引是零基於 – tech2017

這不是最小值到1991年10月28日嗎？我想要的是根據輸入內的值設置思路。 – teddygamer

你能告訴我們一個'$ 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

我已經創建了一個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 
    }); 
});

當我運行它，我看到：

的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格式..這顯然不匹配，所以這可能是這個問題爲好，但只有你可以測試。

來源

2017-08-11 14:30:41

謝謝，我現在正在工作。 – teddygamer

@teddygamer我的回答有用嗎？如果是這樣，請將其標記爲已接受，以便將此問題視爲已回答。 –

好的，標記了你的答案 – teddygamer

如何根據文本框中的值設置datepicker中的minDate選項？

回答

相關問題