दिनांक सीमा

Question

के लिए jquery-datepicker का उपयोग कैसे करें कोई मुझे बता सकता है कि yii में दिनांक सीमा के लिए jquery-datepicker का उपयोग कैसे करें? मुझे इसे एक ही तारीख के लिए काम करने के लिए मिला है, मैं इसे कई तिथियां प्राप्त करने के लिए कैसे संशोधित करूं। मैं yii ढांचे के लिए नया हूँ।

Answer 1

कृपया दिनांक सीमा बनाने के तरीके जानने के लिए jQuery UI दस्तावेज़ीकरण का पालन करें।

jQuery UI दस्तावेज़ों को पढ़ने के बाद आपको समझना चाहिए कि यह कैसे काम करता है। फिर आप जो चाहते हैं उसे उत्पन्न करने के लिए CJuiDatePicker विजेट का उपयोग कर सकते हैं।

आपकी आवश्यकताओं के लिए वाईआई विजेट को समायोजित करना मुश्किल नहीं है, मैं कहूंगा कि यह बहुत ही सरल और कुशल है।

Answer 2

हो सकता है कि इस सुराग आप देख रहे थे है:

एक तिथि सीमा 2 दिनांक, दोनों छोर

में एक यह मानकर आप जानते हैं कि कैसे datepicker विजेट का उपयोग करने के लिए एक एकल तारीख को पुन: प्राप्त करने के लिए किया उपयोगकर्ता से, सबसे आसान तरीका केवल आपके व्यू में 2 डेटपिकर्स को तुरंत चालू करना होगा और आपके मॉडल में दिनांक सीमा के किनारों के रूप में आपके नियंत्रक को वापस भेजे गए 2 तिथियों का उपयोग करना होगा।

Answer 3

उदाहरण के लिए इस प्रयास करें:

<?php $this->widget('zii.widgets.jui.CJuiDatePicker', array(
    'model'=>$model, 'attribute'=>'birthday', 
    'options'=>array(
     'dateFormat'=>'yy-mm-dd', 
     'yearRange'=>'-70:+0', 
     'changeYear'=>'true', 
     'changeMonth'=>'true', 
    ), 
)); ?> 

Answer 4

'options'=>array(
'showAnim'=>'fold', 
'dateFormat'=>'yy-mm-dd', 
'changeMonth'=>true, 
'changeYear'=>true, 
'yearRange'=>'-100:+0', 
'defaultDate'=>'+0' 
), 

Answer 5

मैं CJuiDatePicker साथ यह करने के लिए समाधान नहीं मिला। इसके बजाय, मैं मेरे विचार फ़ाइल में निम्न प्रयोग किया है:

<?php 
Yii::app()->getClientScript()->registerCoreScript('jquery.ui'); 
Yii::app()->clientScript->registerCssFile(
    Yii::app()->clientScript->getCoreScriptUrl(). 
    '/jui/css/base/jquery-ui.css' 
); 
Yii::app()->clientScript->registerScript('daterangescript'," 
    var dates = $('#ReportForm_date_start, #ReportForm_date_end').datepicker({ 
     defaultDate: '+1w', 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     onSelect: function(selectedDate) { 
      var option = this.id == 'ReportForm_date_start' ? 'minDate' : 'maxDate', 
       instance = $(this).data('datepicker'); 
       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 
      dates.not(this).datepicker('option', option, date); 
     } 
    }); 

    $('#ReportForm_date_start, #ReportForm_date_end').datepicker('option', 'dateFormat', 'yy-mm-dd'); 
",CClientScript::POS_READY); 
?> 

भूलना अपने स्वयं के तत्व आईडी को ReportForm_date_start और ReportForm_date_end को बदलने के लिए न करें।

Answer 6

आप विकल्प पर 'वर्ष रेंज' जोड़ सकते हैं। आप इसे 'प्रारंभ तिथि: समाप्ति तिथि', उदाहरण 'वर्ष श्रेणी' => '2008: 2018', या इस वर्तमान वर्ष के बाद कितने साल पहले भर सकते हैं, कोड का उपयोग करके कोड लिखें - और +, उदाहरण 'वर्ष रेंज '=>' - 8: +8 ', इसका मतलब है कि इस साल से 8 साल और इस साल के 8 साल बाद।

Answer 7

Yii CJuiDatePicker: तिथि सीमा

<?php 
$this->widget('zii.widgets.jui.CJuiDatePicker',array(
    'name'=>'datepicker-min-max',  
    'value'=>date('d-m-Y'), 
    'options'=>array(  
     'showButtonPanel'=>true, 
     'minDate'=>-5, 
     'maxDate'=>"+1M +5D", 
    ), 
    'htmlOptions'=>array(
     'style'=>'' 
    ), 
)); 
?> 

Answer 8

From: <input type="text" name="date_from" id="date_from" />   
To: <input type="text" name="date_to" id="date_to" /> 


    <?php 
     $this->widget('zii.widgets.jui.CJuiDatePicker', array(
      'name' => 'date_from', 
      // additional javascript options for the date picker plugin 
      'options' => array(
       'showAnim' => "slideDown", 
       'changeMonth' => true, 
       'numberOfMonths' => 1, 
       'showOn' => "button", 
       'buttonImageOnly' => false, 
       'dateFormat' => "yy-mm-dd", 
       'showButtonPanel' => true, 
       'onClose' => 'js:function(selectedDate) { $("#date_to").datepicker("option", "minDate", selectedDate); }',    
      ) 
     )); 
     $this->widget('zii.widgets.jui.CJuiDatePicker', array(
      'name' => 'date_to', 
      // additional javascript options for the date picker plugin 
      'options' => array(
       'showAnim' => "slideDown", 
       'changeMonth' => true, 
       'numberOfMonths' => 1, 
       'showOn' => "button", 
       'buttonImageOnly' => false, 
       'dateFormat' => "yy-mm-dd", 
       'showButtonPanel' => true, 
       'onClose' => 'js:function(selectedDate) { $("#date_from").datepicker("option", "maxDate", selectedDate); }', 
      ) 
     )); 
?> 

ट्यूटोरियल: http://wimarbueno.blogspot.com/2014/04/Yii-CJuiDatePicker-rango-de-fechas-en-datepicker-de-jQuery-UI.html