2015-10-18 24 views
5

मुझे YII 2 में बूस्ट्रैप डटेरंगपिकर के साथ मदद की ज़रूरत है। मुझे केवल वर्ष प्रारूप में चुनिंदा रेंज बदलने की जरूरत है। मैं https://github.com/kartik-v/yii2-date-rangeYii2 में केवल वर्ष daterangepicker में कैसे चयन करें?

का उपयोग कर रहा हूं मुझे 2000-2005, 1990-2000 दिनांक चुनने की आवश्यकता है .... केवल वर्ष और तारीख के बिना वर्ष। मुझे यह विकल्प केवल बेस बूटस्ट्रैप डेटपिकर में मिला।

+0

दिनांक और माह के दृश्य को अक्षम करने से बूटस्ट्रैप द्वारा प्रदान किए गए विकल्पों पर निर्भर करता है .. जहां तक ​​मुझे पता है कि ऐसा कोई विकल्प नहीं है। आप किसी भी विकल्प का उपयोग करना चाह सकते हैं जैसे कि सरल ड्रॉपडाउन का उपयोग करना, जैसे अलग-अलग परियोजनाओं का चयन साल के चयन के लिए। –

उत्तर

2

आपने अब तक लागू करने की क्या कोशिश की है ताकि हम आपकी मदद कर सकें और आपके प्रश्न में कुछ कोड जोड़ सकें जो मदद भी करेगा।

मैं अपने रूप clientoption कोशिश करने के लिए और महीने और तारीख को देखने अक्षम करने का प्रयास और कार्तिक जहां डॉक्स उपलब्ध हैं कि वेबसाइट पर जाएं और शीर्ष पर विकल्प पढ़ा है, एक तीसरी पार्टी उपकरण की तुलना में यह सीमाओं हो सकता है आप का सुझाव और हो सकता है जाएगा विजेट की आधिकारिक साइट के बारे में अधिक विस्तार से बताया जा

आशा इस

2

प्लगइन Kartik widget के लिए documentation को देखते हुए आप क्या चाहते संभव हो सकता है नहीं लगता है कर रही पर आधारित है में मदद करता है, लेकिन Yii2 पहले से ही इस है कार्यक्षमता built in:

1, इस सीएसएस साल

<style type="text/css"> 
.ui-datepicker-calendar { 
     display: none; 
    } 
</style> 

2 को छोड़कर कैलेंडर विजेट पर सब कुछ छिपाने के लिए जोड़े, अपने वास्तविक परियोजना को प्रतिबिंबित करने के Yii विजेट, परिवर्तन वर्ग/मॉडल नाम में बनाया का उपयोग करें

echo $form->field($model, 'time_scheduled')->widget(\yii\jui\DatePicker::classname(), [ 

    'clientOptions' => [ 

     'changeMonth' => false, 
     'changeYear' => true, 
     'showButtonPanel' => true, 
     'dateFormat' => 'yyyy', 
     'yearRange' => '1990:2020' 
    ], 
]); 

3, इस परीक्षण में मैंने पाया कि मैं इस जावास्क्रिप्ट भी जोड़ने के लिए किया था (लेकिन एक बेहतर तरीका हो सकता है)

$(document.body).on('click', '.ui-datepicker-close', function (e) { 
    var value = $('.ui-datepicker-year :selected').text(); 
    $('#feed-time_scheduled').val(value); 
}); 

Yii बूटस्ट्रैप datepicker और टी उपयोग कर रहा है वह here के लिए opions हैं।

1
echo DatePicker::widget([ 
'model' => $model, 
'attribute' => 'start_date', 
'options' => ['placeholder' => 'Start date'], 
'type' => DatePicker::TYPE_COMPONENT_PREPEND, 
'form' => $form, 
'pluginOptions' => [ 
'format' => 'mm/yyyy', 
'autoclose' => true, 
'minViewMode' => 1, 
] 
]); 
संबंधित मुद्दे