jquery - हिंदी कैलेंडर 2018




पाठ बॉक्स सेट करना। एजेक्स कैलेंडर पर एक तिथि का चयन करने के बाद पाठ (2)

क्या आप तारीख पाठ बॉक्स में पाठ दर्ज करने के लिए निषेध कर सकते हैं? यदि हां, तो आप निम्नलिखित दृष्टिकोण का उपयोग कर सकते हैं:

<script type="text/javascript">
    function checkInDateChanged(sender, args) {
        var checkInDate = sender.get_selectedDate();

        var checkOutDateExtender = $find("CheckOutdateExtender");
        var checkOutdate = checkOutDateExtender.get_selectedDate();
        if (checkOutdate == null || checkOutdate < checkInDate) {
            checkOutdate = new Date(checkInDate.setDate(checkInDate.getDate() + 1));
            checkOutDateExtender.set_selectedDate(checkOutdate);
        }
    }
</script>
<asp:TextBox runat="server" ID="TextCheckInDate" />
<ajax:CalendarExtender runat="server" ID="CheckInDateCalendarExtender" TargetControlID="TextCheckInDate"
    OnClientDateSelectionChanged="checkInDateChanged" />

<asp:TextBox runat="server" ID="TextCheckOutDate" />
<ajax:CalendarExtender runat="server" ID="CheckOutDateCalendarExtender" BehaviorID="CheckOutdateExtender"
    TargetControlID="TextCheckOutDate" />

प्रीरेन्डर विधि में नीचे कोड जोड़ें:

TextCheckInDate.Attributes.Add("readOnly", "readonly");
TextCheckOutDate.Attributes.Add("readOnly", "readonly");

ASP.NET पृष्ठ पर, मेरे पास CalendarExtender एपेन्डर (ASP.NET 4.0 के लिए AJAX कंट्रोल टूलकिट) की एक जोड़ी है, एक तिथि सीमा के रूप में कार्य करने वाले पृष्ठ पर नियंत्रण। मैं क्या करना चाहता TextCheckInDate , TextCheckInDate लिए उपयोगकर्ता ने मूल्य का चयन करने के TextCheckInDate , TextCheckOutDate को TextCheckInDate+ 1 साथ TextCheckInDate+ 1 यदि TextCheckOutDate खाली है TextCheckOutDate

दुर्भाग्य से, मेरे jQuery कौशल अभी तक नहीं हैं, जहां मैं उन्हें पसंद करूंगा। मुझे पता है कि मुझे एक jQuery फ़ंक्शन बना दिया है, TextCheckInDate बदल दिया गया है, मुझे TextCheckInDate को पढ़ना, बुनियादी तिथि अंकगणित करने और दूसरे टेक्स्टबॉक्स को लिखने में सक्षम होने की आवश्यकता है। कार्यान्वयन ने मुझे छुड़ाया इस पोस्ट के लिए धन्यवाद, मैं अपने दिनांक अंकगणित के लिए date.js का उपयोग करना जानता हूं, नीचे शामिल है ...

मैंने अभी तक क्या किया है:

$("input[id$='TextCheckInDate']").keyup
    (function (e) {
        checkCheckOutDate( $("#TextCheckInDate").val() );
    }
    );


function checkCheckOutDate(checkInDate) {
    var startDate = Date.parse(checkInDate);
    if ($("#TextCheckOutDate").val() == "") {
        $("#TextCheckOutDate").val((1).days().after(startDate));
    }
}

चेकइन पाठ बॉक्स का change इवेंट आग लगने पर आपको अपने checkCheckOutDate() फ़ंक्शन को भी फायर करने के लिए थोड़ा-थोड़ा आपका कोड checkCheckOutDate() करने में सक्षम होना चाहिए।

$("input[id$='TextCheckInDate']").bind('keyup,change', function (e) {
    checkCheckOutDate( $("#TextCheckInDate").val() );
});


function checkCheckOutDate(checkInDate) {
    var startDate = Date.parse(checkInDate);
    if ($("#TextCheckOutDate").val() == "") {
        $("#TextCheckOutDate").val((1).days().after(startDate));
    }
}

नोट करें कि jQuery में कई तरह के इवेंट विधियों को click() , keyup() , आदि बस bind('click', function() { ... }) आसपास रैपर bind('click', function() { ... })





calendarextender