2015-10-16 95 views
0

在我的項目,我已經動開始日期&截止日期,我需要設置截止日期分鐘日期的具體開始日期如何設定分鐘開始日期在日期時間選擇器

我生成所有starded日期&時間過期的日期動態(它可能加入到+單擊&可以能夠刪除)

enter image description here

有ID是這樣的:

txtCertificateIssuedDate1,txtCertificateIssuedDate2,txtCertificateIssuedDate3.... 

&

txtCertificateExpiredDate1,txtCertificateExpiredDate2... 

我把這個代碼在ready function,這樣我就可以可以點擊日期時間選取 但如何我處理過期日期分鐘日期的具體開始日期?..

$('input:text[id^=txtCertificateIssuedDate]').datepicker("option","dateFormat", 'mm/dd/yyyy'); 

$('input:text[id^=txtCertificateExpiredDate]').datepicker("option", "dateFormat", 'mm/dd/yyyy'); 
+0

的的minDate將解決你的問題。 minDate:新日期(mindate)。這將幫助你在你的情況下http://stackoverflow.com/questions/10139378/setting-min-date-in-jquery-datepicker。 –

+0

你能告訴我們HTML嗎? – Sunny

+0

@Saranya,你最終解決了這個問題嗎? –

回答

0

你可以通過在選項中的minDate PARAM

minDate: new Date()

它會設置今天是最低日期,你可以通過任何你想要的日期。像2001年1月1日再

minDate: new Date(2001, (month - 1) , 1),

1

你能做到這一點,當你的DOM已準備就緒:

$('aCertificateIssuedDateSelector').datepicker({ 
    onClose: function (selectedDate) { 
     // Set the minDate of 'to' as the selectedDate of 'from' 
     $('aCertificateExpiredDateSelector').datepicker("option", "minDate", selectedDate); 
    } 
}); 
$('aCertificateExpiredDateSelector').datepicker(); 

這裏是一個fiddle

+0

Thanx提前,這裏有什麼問題,我怎麼能找到確切的ID .......其中ID有動態沒有1,2,3 .... –

+0

@Saranya,你可以使用開發者控制檯在您的瀏覽器上查找相關CertificateIssuedDate字段的ID。 –

+0

@Saranya,很難告訴你如何在沒有看到你的視圖的情況下獲取標識。通常,如果您使用的是list/collection/array屬性,並顯示該列表的第一個元素,如'Model.Dates [1]'。該元素的Razor生成標識將爲「Dates_1」。您可以使用瀏覽器上的開發者控制檯進行檢查。 –

0

您可以輕鬆地做到這一點使用 -

$("#datepicker").datepicker({ 
     changeYear: true, 
     minDate: '-3M', 
     maxDate: '+28D', 
}); 
$("#datepicker").datepicker("setDate", new Date()); 

這將幫助您設置最短日期和最長日期在jQuery的日曆和設置當前日期爲默認選擇日期。您可以使用setDate方法將任何日期設置爲默認日期。

而動態設置的東西,檢查此鏈接

https://forum.jquery.com/topic/how-to-set-minimum-and-maximum-date-dynamically-in-jquery-ui-date-picker

0

感謝所有,

我找到一個解決方案,

$("input:text[id^=txtCertificateIssuedDate]").datepicker().on('changeDate', function (selected) {
var res =$(this).attr('id').replace(/[^0-9\.]+/g, "");
$("#txtCertificateExpiredDate"+res).datepicker('setStartDate', $('#txtCertificateIssuedDate'+res).val()); });

相關問題