Angularjs 角度引导数据采集器如何显示;年月日;及;年月日;?
当我使用Angular bootstrap datepicker时,我有一个关于格式的问题。 我希望它显示与我键入时相同的值。 例如:Angularjs 角度引导数据采集器如何显示;年月日;及;年月日;?,angularjs,datepicker,angular-ui-bootstrap,Angularjs,Datepicker,Angular Ui Bootstrap,当我使用Angular bootstrap datepicker时,我有一个关于格式的问题。 我希望它显示与我键入时相同的值。 例如: 我输入“01/01/21”,得到的结果是01/01/21 我输入“01/01/2021”,得到的结果是01/01/2021 当前,当我输入“01/01/21”或“01/01/2021”时,唯一的结果显示为01/01/2021 这里是我的源代码: function directive() { return { templ
- 我输入“01/01/21”,得到的结果是01/01/21
- 我输入“01/01/2021”,得到的结果是01/01/2021
function directive() {
return {
template: '<section class="app-input" ng-show="show">' +
'<div class="row">' +
'<div class="small-12 columns">' +
'<div class="label-wrapper " ng-show="label">' +
'<label >{{label}} <span class="hint">{{hint}}</span>' +
'<span class="pull-right" ng-show="isRequired()"> (*) </span>' +
'</label>' +
'</div>' +
'<div class="input-wrapper ">' +
'<p ng-mouseenter="hideTooltip()" class="input-group">' +
'<input ng-blur="checkDate()" type="text" class="form-control" uib-datepicker-popup="MM/dd/yyyy" ng-model="ngModel"' +
'is-open="popup2.opened" placeholder="mm/dd/yy" data-ng-change="onChange()" datepicker-options="dateOptions"' +
'ng-required="isRequired()" close-text="Close"/>' +
'<span class="input-group-btn">' +
'<button type="button" class="btn btn-default" ng-click="open2()">' +
'<i class="glyphicon glyphicon-calendar"></i>' +
'</button>' +
'</span>' +
'<a ng-show="showToolTip" style="color:red" uib-tooltip=" Warnning!"> The date your entered not correct ! </a>' +
'</p>' +
'</div>' +
'</div>' +
'</div>' +
'</section>',
restrict: 'EAC',
require: '?ngModel',
transclude: true,
replace: true,
link: postLink,
scope: {
label: "=",
ngModel: "=",
type: "=",
placeholder: "=",
hint: "=",
bottomhint: "=",
readonly: "=",
name: "=",
setDefault: "=",
changeEvent: "<",
disabled: "="
},
};
函数指令(){
返回{
模板:“”+
'' +
'' +
'' +
“{{label}}{{hint}}”+
' (*) ' +
'' +
'' +
'' +
“”+
'' +
'' +
'' +
'' +
'' +
'' +
“您输入的日期不正确!”+
“
”+
'' +
'' +
'' +
'',
限制:“EAC”,
要求:“?ngModel”,
是的,
替换:正确,
链接:postLink,
范围:{
标签:“=”,
ngModel:“=”,
类型:“=”,
占位符:“=”,
提示:“=”,
底部提示:“=”,
只读:“=”,
名称:“=”,
setDefault:“=”,
changeEvent:“uib日期选择器将要作为日期处理的格式接收到uib日期选择器弹出属性中
在这种情况下,可以使用变量对此进行插值,如中所示
uib-datepicker-popup="{{vm.dateFormat}}"
检查组件源中的占位符属性,该属性也是固定字符串。如果要将占位符从父组件发送到指令,则应引用控制器变量
您可以在下面检查格式语法
链接参考:
也许您应该使用另一个切换来选择和更改格式?