यह तब तक ठीक से काम करता है जब तक कि नियंत्रण के किसी भी पोस्टबैक को निकाल नहीं दिया जाता है, लेकिन जब नियंत्रण आग की कोई पोस्टबैक घटना होती है और फिर यदि हम "तारीख से" बदलते हैं तो "तारीख" डेटाटाइमपिकर की तुलना में यह केवल दिनांक और समय की बजाय दिनांक दिखाता है। वही जब मैं "तारीख से" की तुलना में "तारीख से" बदलता हूं, तो यह केवल दिनांक और समय के बजाय दिनांक दिखाता है। ऐसा लगता है कि यह डेटाटाइमपिकर को बंद करें (); मैंने minDateTime और maxDateTime प्रॉपर्टी सेट करने का भी प्रयास किया है लेकिन फिर भी, समस्या हल नहीं होती है। मैं jqueryUI datetimepicker का उपयोग कर रहा हूं

अंक_ दिनांक से Issue_FromDate

मुद्दा_आज तक Issue_ToDate

कोड:

 <html>
 <head>
 <title>Demo</title> 
 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>   
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script> 
  <script>
  var server_date_time;
        function validation() {     
            var maxDate = $(".todate-with-time").val();
            var maxTime = maxDate.substr(maxDate.indexOf(" ") + 1, maxDate.length)
            if (maxDate == null || maxDate == undefined || maxDate == "") {
                maxDate = server_date_time;
                maxTime = moment(server_date_time).format("HH:mm:ss A");
            }

            var minDate = $(".frmdate-with-time").val();
            var minTime = minDate.substr(minDate.indexOf(" ") + 1, minDate.length)
            if (minDate == null || minDate == undefined || minDate == "") {
                minDate = server_date_time;;
                minTime = moment(server_date_time).format("HH:mm:ss A");
            }


            $(".frmdate-with-time").datetimepicker({
                changeMonth: true,
                changeYear: true,
                currentText: 'Today',
                showButtonPanel: true,
                timeFormat: 'hh:mm:ss TT',
                maxDate: maxDate,
                maxTime: maxTime,
                controlType: 'select',
                //onSelect: function (selectedDateTime) {
                //    this.fireEvent && this.fireEvent('onchange') || $(this).change();
                //    $('.todate-with-time').datetimepicker('option', 'minDate', selectedDateTime);
                //    //$('.todate-with-time').datetimepicker('option', 'minDate', $('.frmdate-with-time').datetimepicker('getDate'));
                //    //$(".todate-with-time").datetimepicker("option", "minTime", selected.substr(selected.indexOf(" ") + 1, selected.length));
                //}
            });
            $(".todate-with-time").datetimepicker({
                changeMonth: true,
                changeYear: true,
                currentText: 'Today',
                showButtonPanel: true,
                timeFormat: 'hh:mm:ss TT',
                minDate: minDate,
                minTime: minTime,
                controlType: 'select',
                //onSelect: function (selectedDateTime) {
                //    this.fireEvent && this.fireEvent('onchange') || $(this).change();
                //    //$(".frmdate-with-time").datetimepicker("option", "maxDateTime", selected);
                //    $('.frmdate-with-time').datetimepicker('option', 'maxDate', selectedDateTime);

                //}
            });
        }

        $(function () {
            server_date_time = new Date();    
            validation();           
            $(".frmdate-with-time").datepicker("setDate", server_date_time);
            $(".todate-with-time").datepicker("setDate", server_date_time);

            <!-- $(".frmdate-with-time").on("dp.change", function (e) { -->
                <!-- $('.todate-with-time').data("DateTimePicker").minDate(e.date); -->
            <!-- }); -->

            <!-- $(".todate-with-time").on("dp.change", function (e) { -->
                <!-- $('.frmdate-with-time').data("DateTimePicker").maxDate(e.date); -->
            <!-- }); -->
        }); 

  </script>

 </head>
 <body>
 <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <span id="Label2" class="innerlabels col-sm-4">From</span>
                                    <div class="col-sm-8">
                                        <div class="input-group input-group-sm">
                                            <input name="txt_FDate" type="text" id="txt_FDate" class="frmdate-with-time hasDatepicker" placeholder="dd/mm/yyyy hh:mm:ss" readonly="readonly">                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <span id="Label6" class="innerlabels col-sm-4">To</span>
                                    <div class="col-sm-8">
                                        <div class="input-group input-group-sm">
                                            <input name="txt_TDate" type="text" id="txt_TDate" class="todate-with-time hasDatepicker" placeholder="dd/mm/yyyy hh:mm:ss" readonly="readonly">                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
 </body>
 </html>

2
user3629270 17 मार्च 2020, 08:47
एक डेटपिकर है और दूसरा डेटाटाइमपिकर है?
 – 
Negi Rox
17 मार्च 2020, 08:48
दोनों डेटाटाइमपिकर हैं
 – 
user3629270
17 मार्च 2020, 08:50
क्या आप बेला बना सकते हैं?
 – 
Negi Rox
17 मार्च 2020, 08:54
यह नियंत्रण आग के पोस्टबैक तक ठीक से काम करता है लेकिन जब पोस्टबैक आग लगती है तो यह गुमनाम रूप से व्यवहार करती है।
 – 
user3629270
17 मार्च 2020, 08:55
यदि पोस्टबैक समस्या है तो क्या आप जांच सकते हैं कि दिनांक का प्रारूप क्या लौटाया गया है?
 – 
Negi Rox
17 मार्च 2020, 09:00

1 उत्तर

सबसे बढ़िया उत्तर

आप नीचे दी गई सेटिंग का उपयोग करके ऐसा कर सकते हैं। dp.change पद्धति का उपयोग करें

$(function() {
   $('#datetimepicker1').datetimepicker();
   $('#datetimepicker2').datetimepicker({
      useCurrent: false
   });

   $("#datetimepicker1").on("dp.change", function(e) {
      $('#datetimepicker2').data("DateTimePicker").minDate(e.date);
   });

   $("#datetimepicker2").on("dp.change", function(e) {
      $('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
   });
});

काम करते हुए देखें उदाहरण

1
Negi Rox 17 मार्च 2020, 08:58
यह बूटस्ट्रैप डेटाटाइमपिकर के लिए ठीक से काम कर रहा है लेकिन वही बात हम jqueryUI डेटाटाइमपिकर के लिए लागू कर सकते हैं?
 – 
user3629270
17 मार्च 2020, 16:02
मुझे लगता है कि आपको मुझे यह दिखाने की ज़रूरत है कि आप किस तिथि पिकर का उपयोग कर रहे हैं शायद एक बेवकूफ बनाओ
 – 
Negi Rox
18 मार्च 2020, 06:44
मैं jqueryui-datepicker jqueryui.com/datepicker/#date-range का उपयोग कर रहा हूं
 – 
user3629270
18 मार्च 2020, 08:21
इसका डेटपिकर डेटाटाइम पिकर नहीं है
 – 
Negi Rox
18 मार्च 2020, 08:34
हम टाइमपिकर ऐड-ऑन का उपयोग करके टाइमपिकर का उपयोग कर सकते हैं
 – 
user3629270
18 मार्च 2020, 09:06