如何将值与空气日期时间选择器 Jquery 插件与模型绑定？

Posted 2023-05-09

【中文标题】如何将值与空气日期时间选择器 Jquery 插件与模型绑定？

【英文标题】：how to bind value with air date-time picker Jquery plugin with a model?

【发布时间】：2020-07-14 19:45:16

【问题描述】：

我正在使用空气日期时间选择器 Jquery 插件向输入框显示日期。信息可以在下面找到。 https://www.jqueryscript.net/time-clock/Simple-Clean-Date-Picker-Plugin-with-jQuery-Air-Datepicker.html

当我与模型绑定时，我看不到脚本中的数据。我做错了什么？

<input ng-disabled="defaultSaveButtons[$index]" type="text" placeholder="dd/mm/yyyy" 
class="form-control text-right inputFill2 datepicker-here" data-language='en'
 ng-model="field.value" value="field.value"/>

【参考方案1】：

您可以使用onSelect 并尝试在日期选择器的对象初始化时监听值的变化，如下例所示： 在您的初始化函数initDatePicker 中输入：

$('#datepicker').datepicker(
    onSelect: function(dateFormatted, date, e) 
        // affect the value to the desired scope variable
        $scope.dateValue = dateFormatted; // or date
    
);

在 HTML 中

<input ng-init="initDatePicker()" ng-disabled="defaultSaveButtons[$index]" type="text" placeholder="dd/mm/yyyy" 
class="form-control text-right inputFill2 datepicker-here" data-language='en'
 ng-model="field.value" value="field.value"/>