बूटस्ट्रैप

Question

में डेटेटिमपिकर की मिनीडेट और अधिकतमडेट संपत्ति को कैसे सेट करें, मैं बूटस्ट्रैप में डेटाेटिमपिकर के लिए गतिशील रूप से मिनीडेट और अधिकतम दिनांक सेट करना चाहता हूं, कृपया इसमें मेरी सहायता करें।

इस परिदृश्य में, जबकि एक डेटाटिमेकर में दिनांक का चयन करते समय इसे उस दिनांक को अन्य डेटीमिपिकर के लिए न्यूनतम दिनांक के रूप में सेट करना चाहिए।

और दूसरे डेटामैपिकर में दिनांक चुनने के बाद, इसकी चयनित तिथि पहली तारीख के समय पिकर में अधिकतम दिनांक बननी चाहिए।

$(document).ready(function(){ 
     $(".form_datepicker_startdate").datetimepicker({   
     isRTL: App.isRTL(), 
       format: "yyyy-mm-dd", 
       weekStart: 1, 
       todayBtn: 1, 
      autoclose: 1, 
      todayHighlight: 1, 
      startView: 2, 
      minView: 2, 
      startDate:'<%= request.getSession().getAttribute("startdate") %>', 
      endDate:'<%= request.getSession().getAttribute("enddate") %>', 
      forceParse: 0, 
       pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left")   
      }).on('changeDate', function (selected) { 
       var minDate = new Date(selected.date.valueOf()); 
       $('.form_datepicker_enddate').datepicker('setMinDate', minDate); 
      }); 


$(".form_datepicker_enddate").datetimepicker({   
     isRTL: App.isRTL(), 
       format: "yyyy-mm-dd", 
       weekStart: 1, 
       todayBtn: 1, 
      autoclose: 1, 
      todayHighlight: 1, 
      startView: 2, 
      minView: 2, 
      startDate:'<%= request.getSession().getAttribute("startdate") %>', 
      endDate:'<%= request.getSession().getAttribute("enddate") %>', 
      forceParse: 0, 
       pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left")   
      }).on('changeDate', function (selected) { 
       var maxDate = new Date(selected.date.valueOf()); 
       $('.form_datepicker_startdate').datepicker('setMaxDate', maxDate); 
      }); 
    }); 

Answer 1

मैं यह सोचते हैं कि आप कोड है कि आप कोड स्निपेट में दे दिया है से this plugin उपयोग कर रहे हैं:

मैं इस तरह की कोशिश की। यह मानते हुए कि यह वह प्लगइन है जिसे आप अपने आवेदन में उपयोग करने का प्रयास कर रहे हैं, आप प्रारंभ और समाप्ति तिथियों को अपडेट करने या शायद विभिन्न पुस्तकालयों से चीजों को मिलाकर गलत तरीके हैं।

किसी भी मामले में यदि मैं आपकी समस्या को सही ढंग से समझता हूं तो यहां jsfiddle है जो आपकी कार्यक्षमता का एक हिस्सा है।

जब एक नया आरंभ या समाप्ति तिथि वाक्य रचना प्रयोग की जाने वाली अद्यतन करने इस प्रकार है (प्लगइन का डॉक्स से):

$('#datetimepicker').datetimepicker('setStartDate', '2012-01-01'); 

और आरंभ और समाप्ति तिथि के लिए नामों विकल्पों setStartDate और setEndDate नहीं हैं minDate और MaxDate भी उन फ़ंक्शन का उपयोग करने के लिए उपयोग किया जाता है जो datetimepicker डेटपिकर नहीं है।

यहाँ जे एस फिडल से कोड है:

$(document).ready(function(){ 
    $("#form_datepicker_startdate").datetimepicker({ 
    format: "yyyy-mm-dd", 
    weekStart: 1, 
    todayBtn: 1, 
    autoclose: 1, 
    todayHighlight: 1, 
    startView: 2, 
    minView: 2, 
    startDate : new Date('2012-08-08'), 
    endDate : new Date('2014-08-08'), 
}).on('changeDate', function (selected) { 
    var minDate = new Date(selected.date.valueOf()); 
    $('#form_datepicker_enddate').datetimepicker('setStartDate', minDate); 
}); 

    $("#form_datepicker_enddate").datetimepicker(); 
}); 

आशा है कि यह मदद करता है, मुझे पता है कि अगर मैं कहीं भी मेरी मान्यताओं में गलत हूँ करते हैं।

Answer 2

मैं jquery UI का उपयोग करता हूं। इसका बहुत आसान है, यहाँ Botstrap datepicker सीमित करने के लिए कोड आप JQuery यूआई

$("#datepicker").datepicker({ 
     minDate : +30, 
     maxDate : +90, 
     dateFormat : "yy-mm-dd", 
    }); 

Answer 3

पर उपयोग कर सकते है, सबसे आसान तरीका है कि मैंने पाया है:

$("#datepicker").datepicker({ 

    maxDate : 'now' 

}); 

इस तिथि आज की तुलना में अधिक से अधिक निष्क्रिय कर देगा।

Answer 4

मैं निम्नलिखित का उपयोग कर रहा हूं Datetimepicker Site URL कृपया भविष्य की तारीख चयन को रोकने के लिए निम्न कोड खोजें।

$(".datepicker").datetimepicker({ 
     format: 'd/m/Y H:i', 
     formatTime: 'H:i',   
     formatDate: 'd/m/Y', 
     step: 15, 
     maxDate: new Date(), 
     onGenerate: function() { 
      var leftPos = $(this).offset().left + 70 + 'px'; 
      $('.xdsoft_datetimepicker').css({ 'left': leftPos}); 
     } 
    });