获取YYYY-MM-DD格式的Angular JS HTML 5日期输入值
我想知道如何得到HTML5日期输入值得到脚本。此日期格式应为YYYY-MM-DD。单击“提交”按钮后,此值应存储在date1变量中 HTML代码:获取YYYY-MM-DD格式的Angular JS HTML 5日期输入值,html,angularjs,date,Html,Angularjs,Date,我想知道如何得到HTML5日期输入值得到脚本。此日期格式应为YYYY-MM-DD。单击“提交”按钮后,此值应存储在date1变量中 HTML代码: <form ng-controller="validateCtrl" name="myaForm" novalidate> <input class="datepicker validate" type="date" id="birthday" ng-model="birthday" placeholder="yy
<form ng-controller="validateCtrl" name="myaForm" novalidate>
<input class="datepicker validate" type="date" id="birthday" ng-model="birthday" placeholder="yyyy-MM-dd" required>
<button type="submit" ng-submit="submitfun()">Submit</button>
</form>
提交
脚本代码:
<script>
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
$scope.submitfun= function () {
birthday = $filter('date')(birthday, 'yyyy/MM/dd');
}
});
</script>
var-app=angular.module('myApp',[]);
app.controller('validateCtrl',函数($scope){
$scope.submitfun=函数(){
生日=$filter('date')(生日,'yyyy/MM/dd');
}
});
这个代码不适合我如何解决这个问题 您没有声明范围变量。写$scope.birth.无法更改html5输入日期类型的格式,请查看以下答案中可能的解决方案: 如果您想获取日期的格式化字符串值,我将对此进行补充,然后您可以使用如下库:
<form ng-controller="validateCtrl" name="myaForm" novalidate>
<input class="datepicker validate" type="date" id="birthday" ng-model="birthdayModel" placeholder="yyyy-MM-dd" required>
<button type="submit" ng-submit="submitfun()">Submit</button>
</form>
$scope.submitfun= function () {
$scope.birthday = $moment($scope.birthdayModel).format('YYYY-MM-DD');
console.log($scope.birthday.toString());
}
$scope.submitfun= function () {
var days = $scope.birthdayModel.getDate();
var months = $scope.birthdayModel.getMonth()+1;
var years = $scope.birthdayModel.getFullYear();
//Now you have them separate you can put them in whatever format you want
//like this for example:
$scope.birthday = days+'-'+months +'-'+years ;
console.log($scope.birthday);
}