Javascript jQuery年度选择器

Javascript jQuery年度选择器,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一个表格,我有一个已通过的年份字段,我只需要显示年份下拉列表。 在jQuery datepicker中是否可以只显示年份??否则,是否有任何角度指示在下拉列表中仅显示年份 $("#date").datepicker({ changeMonth: false, changeYear: true, dateFormat: 'dd/mm/yy', duration: 'fast', stepMonths: 0 }); fiddle:好的,这有点像黑客。使用CSS(如果你添加它

我有一个表格,我有一个已通过的年份字段,我只需要显示年份下拉列表。
在jQuery datepicker中是否可以只显示年份??否则,是否有任何角度指示在下拉列表中仅显示年份

$("#date").datepicker({
  changeMonth: false,
  changeYear: true,
  dateFormat: 'dd/mm/yy',
  duration: 'fast',
  stepMonths: 0
});

fiddle:

好的,这有点像黑客。使用CSS(如果你添加它,它会删除日历部分) 另外,如果您只需要将其应用于包含在div中的特定日期选择器,请添加一个类,然后将其与该类一起使用

.ui-datepicker-calendar {
       display: none;
    }
    .ui-datepicker-month {
       display: none;
    }
    .ui-datepicker-prev{
       display: none;
    }
    .ui-datepicker-next{
       display: none;
    }
编辑:

使用
onChangeMonthYear
事件,在
e
中,我们将获得所选年份。
您只需在文本中设置并隐藏日期选择器。

好的,这有点像黑客。使用CSS(如果添加此项,则会删除日历部分) 另外,如果您只需要将其应用于包含在div中的特定日期选择器,请添加一个类,然后将其与该类一起使用

.ui-datepicker-calendar {
       display: none;
    }
    .ui-datepicker-month {
       display: none;
    }
    .ui-datepicker-prev{
       display: none;
    }
    .ui-datepicker-next{
       display: none;
    }
编辑:

使用
onChangeMonthYear
事件,在
e
中,我们将获得所选年份。
您只需要在文本中设置并隐藏日期选择器。

正如注释中所建议的,如果只需要选择年份,为什么不创建一个简单的下拉列表呢。下面是一个为其创建指令的示例

var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.details={完成年份:null,入学年份:null}
}).directive('yearPicker',function(){
返回{
范围:{
ngModel:“=”,
startYear:“@”,
总计年份:“@”
},
模板:“”,
链接:功能(范围){
scope.yearsRange=[];

对于注释中建议的(var i=0;i),如果只需要选择年份,为什么不创建一个简单的下拉列表。下面是一个创建该指令的示例

var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.details={完成年份:null,入学年份:null}
}).directive('yearPicker',function(){
返回{
范围:{
ngModel:“=”,
startYear:“@”,
总计年份:“@”
},
模板:“”,
链接:功能(范围){
scope.yearsRange=[];

对于(var i=0;i)如果您想要年份下拉列表,为什么不使用ng repeat创建一个正常的select元素?看看这个如果您想要年份下拉列表,为什么不使用ng repeat创建一个正常的select元素?看看这个@krish Yea,,检查那个!@krish Yea,,检查那个!这在我的输入模型中
ng model=“details.year\u of\u completion”
。为此,我如何绑定年份?我如何将其用于多个ng模型一个输入只能有一个
ng模型
。请详细说明您想要实现什么。我有两个不同的
ng模型
,我正在尝试将此指令用于两个
模型
让我们来看看。这在我的输入模型
ng模型中=“详细信息。完成年份”
。为此,我如何绑定年份?我如何将其用于多个ng模型一个输入只能有一个
ng模型
。请详细说明您想要实现什么。我有两个不同的
ng模型
,我正在尝试将此指令用于两个
模型。