asp.net jquery bootstrap datepicker

누군가가 도와 줄 수 있습니까? 나는 입력과 함께 노력했지만 괜찮아요하지만 runat = server와 함께 TEXTBOX asp.net을 사용하고 싶습니다.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

답변

관련 문제