劍道的DatePicker選擇ASP.Net

我如何通過選定的日期作爲字符串使用jQuery的變量？劍道的DatePicker選擇ASP.Net

<div class="col-md-3"> 
    @Html.Kendo().DatePicker().Name("SearchDate").Value("").HtmlAttributes(new { style = "width:150px", @class = "", @placeholder = "Select Date"}) 
</div>

似乎在文本框中的數據不會出現在一次呈現的HTML一個value=""。我不知道如何提取選定的日期。

來源

2014-09-24 razorsyntax

嘗試增加一個id屬性到HtmlAttributes，然後使用表達式提取的值：$（「datepickerID」）VAL（）; – DinoMyte 2014-09-24 17:20:08

從文檔：

Get the value

<input id="datepicker" /> 
<script> 
$("#datepicker").kendoDatePicker({ 
    value: new Date(2013, 10, 10) 
}); 
//Same as the Name("SearchDate") method 
var datepicker = $("#SearchDate").data("kendoDatePicker"); 

var value = datepicker.value(); 
console.log(value); 
</script>

唯一的區別是，你要創建一個擁有剃刀kendoDatePicker，但只要你訪問正確的名稱（SearchDate），你應該能夠訪問它。

編輯 在回答您的評論

這意味着，一旦壓延負荷，然後被選中，你怎麼它傳遞給一個變量。

剃刀不能直接用JavaScript變量相互作用。 IE你不能在剃刀內設置一個javascript變量。但是，您可以在選擇日期後調用某個功能。

From the documentation

@(Html.Kendo().DatePicker() 
    .Name("datepicker") 
    .Events(e => e 
     .Open("datepicker_open") 
     .Close("datepicker_close") 
     .Change("datepicker_change") 
) 
) 
<script> 
function datepicker_open() { 
    //Handle the open event 
} 

function datepicker_close() { 
    //Handle the close event 
} 

function datepicker_change() { 
    //Handle the change event 
} 
</script>

我創建了一個plunkr。需要注意的是它初始化使用jQuery語法，但剃刀控制只是針對jQuery的版本的包裝。

來源

2014-09-24 17:18:50 Jack

Wed Sep 24 2014 12:33:57 GMT-0500（Central Daylight Time）< - 這是返回的內容（而不是mm/dd/yyyy格式）。當你選擇一個新的日期時，它也不會更新。儘管如此。 – razorsyntax 2014-09-24 17:37:40

@razorsyntax你沒有在你的問題中指定，你現在可以從kendoDatePicker獲取日期。你如何格式化，你用它從這裏做的是給你。 – Jack 2014-09-24 17:41:50

我問的是：「我如何通過**選定日期**」。這意味着，一旦日曆加載，然後用戶選擇**日期，您如何將該用戶選擇而不是默認加載日期傳遞給變量。 – razorsyntax 2014-09-24 17:45:50

劍道的DatePicker選擇ASP.Net

回答

相關問題