如何将 air date-time picker Jquery 插件的值与模型绑定？

Question

我正在使用 air Datetime picker 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}}"/>

Answer 1

您可以使用 onSelect 并尝试在 date-picker 对象初始化时监听值变化，如下例所示：在你的初始化函数 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}}"/>

如何将 air date-time picker Jquery 插件的值与模型绑定？

how to bind value with air date-time picker Jquery plugin with a model?

jquery

jquery-plugins

angularjs