AngularJS表单验证不使用jQuery datepicker

时间:2018-05-24 21:37:37

标签: jquery angularjs bootstrap-datepicker

Angular js bootstrap datepicker 3 validtion yyyy-mm-dd format

我正在验证bootstrap datepicker字段,但它没有按预期工作,

1.value通过jquery追加,但$ valid无法触发。 ($ touch工作正常)。

和 2.我只想要yyyy-mm-dd格式,我该怎么办呢? (那里有角度的模式验证吗?)。

<form name="postJobForm">
<div class="form-group">
    <label class="control-label">Target Hiring Date 
    <br>
        touched---------{{postJobForm.hiring_date.$touched}}     
        <br>
        dirty---------{{postJobForm.hiring_date.$dirty}}
        <br>
        valid----------{{postJobForm.hiring_date.$valid }} --

    <small class="requiredFeild">*</small>  </label>
    <div class='input-group date' id='hiring_date'>
        <input name="hiring_date" ng-model="hiring_date"   type='text'
               data-format="YYYY-MM-DD" class="form-control" 
               placeholder="YYYY-MM-DD"  ng-required="true" />
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
    <small ng-show="postJobForm.hiring_date.$error.required && postJobForm.hiring_date.$touched" class="errorMsg ">Please complete this required field.</small>
</div>
</form>

这就是我初始化日期选择器的方式

$('#hiring_date').datetimepicker({ 
            viewMode: 'months',
            format: 'YYYY-MM-DD',
            pickTime: false
            }).on('dp.change', function (ev) {

        });

enter image description here

0 个答案:

没有答案