需要创建Angularjs周选择日历

时间:2017-01-31 06:51:40

标签: jquery html angularjs

我是angularjs的新手。需要创建日历以选择特定周。我在Jquery中找到了相同的代码,但是我不想要Jquery代码我需要Angularjs代码。任何正文都可以帮我将Jquery代码转换为Angularjs代码。

$(document).ready(function(){  
  $("#weeklyDatePicker").datetimepicker({
      format: 'MM-DD-YYYY'
  });

  $('#weeklyDatePicker').on('dp.change', function (e) {
      var value = $("#weeklyDatePicker").val();
      var firstDate = moment(value, "MM-DD-YYYY").day(0).format("MM-DD-YYYY");
      var lastDate =  moment(value, "MM-DD-YYYY").day(6).format("MM-DD-YYYY");
      $("#weeklyDatePicker").val(firstDate + " - " + lastDate);
  });
});

JSFiddle

谢谢...

1 个答案:

答案 0 :(得分:0)

如果您想使用angular JS的日历,您可以使用UI引导服务。 链接如下 UI Bootstrap

如果您希望日历选择特定周,则可以使用UI-Calendar插件。链接如下 UI-Calender

他们是多个预定义事件,您可以选择哪个事件对您有用。