JQuery DatePicker на ASP.net

Question

Ну,

Im пытаясь поставить Date Picker на ASP.net форме ..

Я видел, что этот код может это сделать ..

<script> 
$(function() { 
    $("#<%= txtDate.ClientID %>").datepicker(); 
}); 
</script> 

<form id="form1" runat="server"> 
    <div> 
    <asp:TextBox ID="txtDate" runat="server" /> 
    </div> 
</form> 

Im просто интересно, как применять валидации на этом и как отображать сообщения об ошибках ..?

Validations, такие как формат, если я ставлю 2 даты, первый < второй .. и дата> Сегодня и т.д ..

Очень новичок в JQuery, любая помощь будет оценен по достоинству!

Answer 1

Измените сценарий к этому

<script> 
$(function() { 
$("input[id$=txtDate]").datepicker(); 
}); 
</script> 

Это позволит получить входной элемент с точным идентификатором txtDate.

$("input[id$=txtDate]").datepicker(); 

А вот что вы можете проверить для проверки

var txtValue=$("input[id$=txtDate]").val(); 
if(txtValue) 
{ 
//it means textbox has some value proceed further. 
} 

Answer 2

попробовать это, если ищете для проверки.

<script> 
$(function() { 
    $("#<%= txtDate.ClientID %>").datepicker({ 
       minDate:0, 
       dateFormat: 'dd-mm-yy', 
       showOtherMonths: true, 
       onSelect: function(selectedDate) { 
        console.log(selectedDate); 
        // Here you can do all the validation you want. 
       } 
    }); 
}); 
</script> 

Answer 3

Я достал код для этого. Код является самоочевидным, если вы знаете jQuery/Javascript.

var dateToday = new Date(); 
var fromDate = (dateToday.getMonth() + 1) + "/" + dateToday.getDate() + "/" + dateToday.getFullYear() 
var toDate = (dateToday.getMonth() + 1) + "/" + dateToday.getDate() + "/" + dateToday.getFullYear() 

// Инициализировать FromDate

$('#datepicker1').datepicker({ 
    todayBtn: "linked", 
    multidate: false, 
    autoclose: true, 
    todayHighlight: true 
}); 

// Ручка FromDate Нажмите

$('#datepicker1').datepicker('setDate', fromDate); 

$('#datepicker1').datepicker().on('changeDate', function (e) { 
    fromDate = $('#datepicker1').val().toString(); 
    if (fromDate > toDate) { 
     toDate = fromDate; 
     $('#datepicker2').datepicker('setDate', toDate); 
    } 
}); 

// Инициализировать Todate

$('#datepicker2').datepicker({ 
    todayBtn: "linked", 
    multidate: false, 
    autoclose: true, 
    todayHighlight: true 
}); 

// Handle Todate Click

$('#datepicker2').datepicker('setDate', toDate); 

$('#datepicker2').datepicker().on('changeDate', function (e) { 
    toDate = $('#datepicker2').val().toString(); 
    if (toDate < fromDate) { 
     fromDate = (new Date(toDate).getMonth() + 1) + "/01/" + new Date(toDate).getFullYear(); 
     $('#datepicker1').datepicker('setDate', fromDate); 
    } 
}); 

Я забыл упомянуть, что я использую этот https://github.com/eternicode/bootstrap-datepicker/blob/release/docs/index.rst