Wie jquery-datepicker-Datum Bereich

Kann mir jemand sagen wie die Verwendung der jquery-datepicker für einen Datumsbereich in yii? Ich habe es für ein einzelnes Datum wie kann ich es ändern, um zu bekommen mehrere Termine.
Ich bin neu auf yii-framework.

InformationsquelleAutor Necia | 2011-07-09
  1. 8

    Versuchen, Diese Zum Beispiel:

    <?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',
    ),
)); ?>
    InformationsquelleAutor jamband
  2. 1

    Finde ich nicht die Lösung, es zu tun mit CJuiDatePicker. Stattdessen habe ich Folgendes in meine Datei anzeigen:

    <?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);
?>

    Vergessen Sie nicht, ersetzen Sie ReportForm_date_start und ReportForm_date_end Ihrem eigenen element-ids.

    InformationsquelleAutor Osh Mansor
  3. 1
    'options'=>array(
 'showAnim'=>'fold',
 'dateFormat'=>'yy-mm-dd',
 'changeMonth'=>true,
 'changeYear'=>true,
 'yearRange'=>'-100:+0',
 'defaultDate'=>'+0'
),
    • Geben Sie eine Erklärung/hintergrund auf Ihrem code. Dies ist nur ein Haufen von code
    • Was bedeutet das hinzufügen über @jamband Antwort?
    InformationsquelleAutor just-euphoria
  4. 1

    Yii CJuiDatePicker: Datumsbereich

    <?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'=>''
    ),
));
?>
    InformationsquelleAutor Boopathi Rajan
  5. 0

    Folgen Sie bitte jQuery UI Dokumentation zu lernen, wie Sie den Datumsbereich.

    Nach der Lektüre jQuery-UI-docs sollten Sie verstehen, wie funktioniert es. Dann können Sie CJuiDatePicker widget zu generieren, was Sie brauchen.

    Es ist nicht schwer zu justieren Yii-widgets an Ihre Bedürfnisse an, ich würde eher sagen, es ist sehr einfach und effizient.

    InformationsquelleAutor Andrzej Ośmiałowski
  6. 0

    Vielleicht ist das der Hinweis, den Sie gesucht haben:

    einen Datumsbereich hat 2 Termine, eine an jedem Ende

    Vorausgesetzt, Sie wissen, wie datepicker widget zum abrufen eines einzelnen Datums aus dem user -, die einfachste Methode wäre, einfach instanziieren 2 datepickers in Ihre anzeigen und verwenden Sie die 2 Termine geschickt, zurück an den controller an, wie die Ränder der Datumsbereich in Ihrem Modell.

    InformationsquelleAutor hobs
  7. 0

    können Sie 'yearRange' auf die option.
    Sie können füllen Sie es mit 'start Datum:end-Datum', Beispiel 'yearRange'=>'2008:2018',
    oder, wie viele Jahre vor und nach diesem gegenwärtigen Jahr, schreiben den code mit - und + - Beispiel 'yearRange'=>'-8:+8', es bedeutet, dass 8 Jahre, bevor diese Jahre und 8 Jahre nach diesem Jahre.

    InformationsquelleAutor siuplug
  8. 0
    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); }',
           )
       ));
?>

    Tutorial: http://wimarbueno.blogspot.com/2014/04/Yii-CJuiDatePicker-rango-de-fechas-en-datepicker-de-jQuery-UI.html

    InformationsquelleAutor Wilzon
Schreibe einen Kommentar