Yii2 nex/datepicker 小部件 onchange

Question

我正在尝试在 Yii2 应用程序上使用日期选择器字段并设置 onchange js 函数。我正在使用 this 日期选择器。谁能告诉我如何设置 onchange js 函数？

Answer 1

可能这对您有帮助。

$("#id").on("dp.change", function (e) {
    $('#id').data("DateTimePicker").minDate(e.date);
 });

Answer 2

您应该使用 clientEvents 选项来指定 bootstrap 日期时间选择器的事件 dp.change

dp.change Fired when the date is changed.

Parameters:

e = { date, //date the picker changed to. Type: moment object (clone) oldDate //previous date. Type: moment object (clone) or false in the event of a null }

Emitted from:

toggle() Note: Only fired when using useCurrent

show() Note: Only fired when using useCurrent or when or the date is changed to comply with date rules (min/max etc)

date(newDate)

minDate(minDate)

maxDate(maxDate)

daysOfWeekDisabled()

要在您的活动表单中使用它，您可以使用以下内容

echo $form->field ( $model , 'date_booking')->widget (
        nex\datepicker\DatePicker::className () , [
    'addon' => false ,
    'size' => 'sm' ,
    'clientEvents' => [
        'dp.change' => new \yii\web\JsExpression ( "function (e) { console.log(e.date,e.oldDate); }" ) ,
    ] ,
] );

Yii2 nex/datepicker 小部件 onchange

Yii2 nex/datepicker widget onchange

datepicker

yii