बूटस्ट्रैप डेटपिकर - महीने और साल केवल

Question

मैं बूटस्ट्रैप डेटपीकर का उपयोग कर रहा हूं और मेरा कोड निम्नलिखित है, jsfiddle पर कोड का डेमो

<div class="input-append date" id="datepicker" data-date="02-2012" 
     data-date-format="mm-yyyy">

 <input  type="text" readonly="readonly" name="date" >    
 <span class="add-on"><i class="icon-th"></i></span>      
</div>      


$("#datepicker").datepicker({
        viewMode: 'years',
         format: 'mm-yyyy'
    });

उपरोक्त कोड ठीक काम कर रहा है, लेकिन मैं जो करने की कोशिश कर रहा हूं वह उपयोगकर्ताओं को केवल महीने और साल लेने की अनुमति देता है।

क्या आप मुझे बता सकते हैं कि कैसे करना है?

Comments

मैं सिर्फ दो चुनिंदा बक्से का उपयोग करूँगा ... यह कैलेंडर विजेट का उपयोग करने की तुलना में बहुत अधिक समझ में आता है, और वास्तविक कैलेंडर को छिपाने की कोशिश कर रहा है।

यदि आप इस jsfiddle.net/Kz2sW/1 की तरह एक विकल्प था, तब भी आप दो चुनिंदा बक्से का उपयोग करेंगे ? :)

— ब्लैक_बेल्ट

Answer 1

इस बारे में कैसा है :

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

संदर्भ: बूटस्ट्रैप के लिए डेटकिकर

---

संस्करण 1.2.0 और नए के लिए, viewModeमें बदल गया है startView, इसलिए उपयोग करें:

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    startView: "months", 
    minViewMode: "months"
});

दस्तावेज भी देखें ।

Comments

धन्यवाद, लेकिन मुझे format: " mm"साथ देना पड़ा format: "mm-yyyy"। अब इसका काम चल रहा है :)

— black_belt

यह प्रदर्शित नहीं करता है -अगर तुम से पहले एक स्थान रखने महीनों और वर्षों के बीच mm-yyyyमें format: " mm-yyyy",, आप संपादित करें आपका जवाब फिर से कर सकते हैं?

— ब्लैक_बेल्ट

उत्तम। आपका बहुत बहुत धन्यवाद।

— बाघिन

मुझे नहीं लगता कि प्रलेखन के अनुसार viewMode एक वैध विकल्प है। लेकिन अन्य विकल्पों ने आवश्यक प्रदर्शन को काम करने की अनुमति दी।

— प्रथमेश दातार

क्या आटोक्लोज का कोई विकल्प है?

— अलाउद्दीन अहमद

Answer 2

ध्यान दें कि 1.2.0 के संस्करण viewModeमें बदल गया है startView।

उदाहरण के लिए:

$('#sandbox-container input').datepicker({
  startView: 1,
  minViewMode: 1
});

http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=yyyy&weekStart=&startDate=&endDate=&startView=2&minViewMode=2&todayBtn=false&language=zh-CN&orientation=auto&autoclose=on&forceParse=on#sandbox

Answer 3

मैं संस्करण 2 का उपयोग कर रहा हूँ (बूटस्ट्रैप v2 और v3 दोनों का समर्थन करता है) और मेरे लिए यह काम करता है:

$("#datepicker").datepicker( {
    format: "mm/yyyy",
    startView: "year", 
    minView: "year"
});

Comments

बदलने minViewके लिएminViewMode

— राघवेंद्र एन

Answer 4

नवीनतम bootstrap-datepicker(लेखन के समय 1.4.0) के लिए, आपको इसका उपयोग करने की आवश्यकता है:

$('#myDatepicker').datepicker({
    format: "mm/yyyy",
    startView: "year", 
    minViewMode: "months"
})

स्रोत: बूटस्ट्रैप डेटपिकर विकल्प

Comments

बूटस्ट्रैप में महीने के क्लिक पर, यह दिनांक दिखा रहा है और फिर मिमी / yy प्रारूप में पाठ दर्ज कर रहा है

— शिव सौरभ

Answer 5

मैं भविष्य की तारीख के लिए बूटस्ट्रैप कैलेंडर का उपयोग कर रहा हूं, केवल महीनों और वर्ष में परिवर्तन की अनुमति न दें ..

var j = jQuery.noConflict();
        j(function () {
            j(".datepicker").datepicker({ dateFormat: "dd-M-yy" }).val()
        });

        j(function () {
            j(".Futuredatenotallowed").datepicker({
                changeMonth: true,
                maxDate: 0,
                changeYear: true,
                dateFormat: 'dd-M-yy',
                language: "tr"
            }).on('changeDate', function (ev) {
                $(this).blur();
                $(this).datepicker('hide');
            }).val()
        });

Answer 6

आपको केवल minViewMode: "months"अपने डेटपिकर फ़ंक्शन में जोड़ना होगा ।

Answer 7

पैरा विजुअलियर लॉस मेसेस डेल आनो वास्तविक, विजुइज़ा सोलो लॉस मेसेस, वाई कॉन एल फॉर्मो सोलो टोमा लॉस मेसेस डे एसे एनो। tambien se puede पुष्टिकर्ता para que se visualice una cierta cantidad de meses

<script>
('#txtDateMMyyyy').datetimepicker({
    format: "mm/yyyy",
    startView: "year",
    minView: "year"
}).datetimepicker("setDate", new Date());
</script>

Comments

इस कोड स्निपेट के लिए धन्यवाद, जो कुछ सीमित, तत्काल सहायता प्रदान कर सकता है। एक उचित व्याख्या यह दर्शाती है कि यह समस्या का एक अच्छा समाधान क्यों है, यह दिखा कर इसके दीर्घकालिक मूल्य में बहुत सुधार होगा और यह भविष्य के पाठकों को अन्य, समान प्रश्नों के साथ और अधिक उपयोगी बना देगा। कृपया कुछ स्पष्टीकरण जोड़ने के लिए अपने उत्तर को संपादित करें, जिसमें आपके द्वारा की गई धारणाएँ शामिल हैं।

— इस्माईल पडिला

से अग्रेगो ऊना पेन्केना डिस्क्लेपियन डे लो क्यू

— हेस

Answer 8

$('.input-group.date').datepicker("remove");जब कॉल न हो, जब चयन कथन को बदल दिया जाता है, तब अपना दिनांक दृश्य सेट करें तब कॉल करें$('.input-group.date').datepicker("update");