如何仅在720kb AngularJS日期选择器中显示月份和年份
我在应用程序中使用angularJS datepicker,我想知道是否有一种方法可以在日历中只显示月份和年份,并删除日期 这就是我如何使用datepicker的:如何仅在720kb AngularJS日期选择器中显示月份和年份,angularjs,datepicker,Angularjs,Datepicker,我在应用程序中使用angularJS datepicker,我想知道是否有一种方法可以在日历中只显示月份和年份,并删除日期 这就是我如何使用datepicker的: <datepicker date-format="MM yy" button-prev-title="previous month" button-next-title="next month" button-prev="<i class='fa fa-arrow-left'></i>" button-
<datepicker date-format="MM yy" button-prev-title="previous month" button-next-title="next month" button-prev="<i class='fa fa-arrow-left'></i>" button-next="<i class='fa fa-arrow-right'></i>" id="dtDate" name="dtDate" >
<input ng-model="dtDate" />
</datepicker>
我试图添加
dateformat=“MM yy”
,但它只更改选定的日期,而不更改日期选择器本身 我想您可能对使用我创建的git存储库感兴趣。
以下是您在项目中使用它的方式:
HTML
<input type="text" multiple-month-picker />
它可以帮助您在多年中选择多个月。最好的事情是什么?在安格拉斯
我希望它能帮助你。我对angularjs datepicker也有同样的问题。 我用了另一个日期选择器:
angularjs材料
。
以下是如何使用它:
<md-datepicker ng-model="startDate" md-mode="month" md-placeholder="dd/MM/yyyy" md-date-locale="mylocale" md-open-on-focus></md-datepicker>
然后在控制器中:
function pad(n) {return n < 10 ? "0"+n : n;}
$scope.mylocale = {
formatDate: function(date) {
var d=new Date(date);
if(isNaN(d.getTime())) {
return '';
} else {
return pad(d.getDate())+"/"+pad(d.getMonth()+1)+"/"+d.getFullYear();
}
},
parseDate: function(date) {
var ds = date.split('/');
var d=new Date(ds[2],ds[1]-1,ds[0]);
if(isNaN(d.getTime())&&d!=''){
return new Date(NaN);
} else {
return d;
}
} };
功能板(n){返回n<10?'0“+n:n;}
$scope.mylocale={
formatDate:函数(日期){
var d=新日期(日期);
if(isNaN(d.getTime()){
返回“”;
}否则{
返回pad(d.getDate())+“/”+pad(d.getMonth()+1)+“/”+d.getFullYear();
}
},
parseDate:函数(日期){
var ds=日期分割('/');
var d=新日期(ds[2],ds[1]-1,ds[0]);
if(isNaN(d.getTime())&&d!=''){
返回新日期(NaN);
}否则{
返回d;
}
} };
它正在发挥作用。只要确保在输入无效时正确处理大小写(form.startDate.$invalid)
如果有人为angularjs datepicker提供了解决方案,请告诉我们。那么基本上你只需要一个年和月选取器?我认为使用日期选择器是没有意义的,它的明确目的是创建这些月表等,然后选择一个特定的日期,首先是为了这个目的。UI引导允许在其日期选择器中选择年-月模式。只有我不能使用这个模式,因为整个应用程序都在使用720kb的日期选择器。一个专门提供这种模式的组件(然后可能会相应地调整呈现的UI)与不提供这种模式的组件有所不同,但它只是一个日期选择器。因此,使用第一种方法是有意义的,而使用第二种方法则可能没有意义。当然,您可以尝试通过CSS删除您不喜欢的后者的UI元素,但如果这样做不起作用,您可能需要开始修改实际代码。。。当然,如果插件不允许内置功能,那么我将不得不寻找其他方法,其中一种是我实现的,即使用两个组合框,一个用于月,一个用于年,让用户从中选择。但我希望能用这个日期选择器做点什么。你可以用一个支持月份选择的日期选择器,比如。
function pad(n) {return n < 10 ? "0"+n : n;}
$scope.mylocale = {
formatDate: function(date) {
var d=new Date(date);
if(isNaN(d.getTime())) {
return '';
} else {
return pad(d.getDate())+"/"+pad(d.getMonth()+1)+"/"+d.getFullYear();
}
},
parseDate: function(date) {
var ds = date.split('/');
var d=new Date(ds[2],ds[1]-1,ds[0]);
if(isNaN(d.getTime())&&d!=''){
return new Date(NaN);
} else {
return d;
}
} };