asp.net jquery bootstrap datepicker

有人可以帮助我吗？我已经尝试了与输入，它工作正常，但我想使用asp.net TEXTBOX与runat =服务器。asp.net jquery bootstrap datepicker

<asp:TextBox runat="server" ID="txttStart"></asp:TextBox> 
<asp:TextBox runat="server" ID="txttEnd"></asp:TextBox> 
<input type="text" id="dpd1" placeholder="Begin Date" class="form-control input-sm" required /><br /> 
<input type="text" id="dpd2" placeholder="End Date" class="form-control input-sm" required /> 
<script type="text/javascript"> 
    var nowTemp = new Date(); 
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

    var checkin = $('#dpd1').datepicker({ 
     onRender: function(date) { 
      return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
     } 
    }).on('changeDate', function(ev) { 
     if (ev.date.valueOf() > checkout.date.valueOf()) { 
      var newDate = new Date(ev.date) 
      newDate.setDate(newDate.getDate() + 1); 
      checkout.setValue(newDate); 
     } 
     checkin.hide(); 
     $('#dpd2')[0].focus(); 
    }).data('datepicker'); 
    var checkout = $('#dpd2').datepicker({ 
     onRender: function(date) { 
      return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
     } 
    }).on('changeDate', function(ev) { 
     checkout.hide(); 
    }).data('datepicker'); 
</script>

来源

2016-09-16 Gabriel Takyie

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     jQuery('#datetimepicker').datepicker(); 
    }) 
</script> 

<input id="datetimepicker" type="text">

我觉得这个代码可以帮助您。

来源

2016-09-16 10:56:19

感谢您的帮助，但我的意思是当我使用而不是它工作正常，但是当我使用asp.net文本框，它不工作，所以我的问题是我如何获得文本框工作？ –

@Gabriel Takyie它也用于aspx页面。 –

如果您有任何查询请评论。 –

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>Untitled Page</title> 

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     jQuery('#datetimepicker').datepicker(); 
    }) 
</script> 
</head> 
<body> 
    <form id="form1" runat="server"> 


<%--<input id="datetimepicker" type="text">--%> 
<asp:TextBox ID="datetimepicker" runat="server"></asp:TextBox> 
    </form> 
</body> 
</html>

这是我的正在运行的code.use it。

来源

2016-09-16 11:19:36

asp.net jquery bootstrap datepicker

回答

相关问题