asp.net jquery bootstrap datepicker

誰か助けてくれますか？私は入力を試して、それは正常に動作しますが、私はasp.net TEXTBOXとrunat = serverを使いたいと思います。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>

これは私の実行コードです。使用してください。

出典

2016-09-16 11:19:36

asp.net jquery bootstrap datepicker

答えて

関連する問題