2013-09-25 55 views
2

我有一個使用日期選擇器的HTML文本框。允許使用jquery datepicker的時間打字

<script type="text/javascript"> 
    $(function() { 
     $("#<%= txtDateFrom.ClientID %>").datepicker({ dateFormat: 'yy/mm/dd' }); 
    }); 

我希望用戶也可以選擇輸入時間。目前用戶可以編輯文本框,但只能編輯日期部分。

+1

中包含了jQueryUI的無timepickers,所以你需要使用第三方插件,如:http://trentrichardson.com/examples/timepicker/ –

回答

3

使用此

<script type="text/javascript"> 
$(function() { 
    $("#<%= txtDateFrom.ClientID %>").datepicker({ dateFormat: 'yy/mm/dd', constrainInput: false }); 
}); 
</script> 

constrainInput:false,可以什麼都可以在文本字段

1

正如羅裏已經評論打字,沒有包含在jQuery UI的日期選擇器插件的時間,但使用創造了一個通過Trent Richardson(http://trentrichardson.com)你可以實現你正在尋找的東西。

我用這十分各種項目經常插件,我曾經有一個date類的主視圖某處初始化:

$('.date').datetimepicker({ 
     showOn: "both", 
     buttonImage: '<%:Url.Image("calendar.gif")%>', 
     buttonImageOnly: true, 
     ampm: true, 
     timeFormat: 'hh:mm:ss TT' 
    }); 

這裏是一個快照,我只是把,注意它有兩個日期域,輸入是完全免費的類型,時間,手動添加或利用內幕彈出歷下滾動:

datetimepicker plugin usage

相關問題