dalelotts / angularjs-bootstrap-datetimepicker Goto Github PK

I need to save dates independent of time and timezone like this: "2018-08-15" so they would start in same day regardless of the timezone.

How would you accomplish this?
Thanks!

Hi, I'd love to start using your datetimepicker but there seems to be no CSS (or style in general) when rendering the template. This is what I get when I try to render the most basic example.

All the js and css should be loaded.

Any idea what's going on?

I tried to find an example in the official document, but found that the official example is not working properly

Is this Support Question?

A support question starts with how, why, or some other statement indicating you are trying to understand how to use this directive.
For support questions, please use one of these channels:
Gitter: https://gitter.im/dalelotts/angularjs-bootstrap-datetimepicker
Stack Overflow: http://stackoverflow.com/search?q=angularjs-bootstrap-datetimepicker

Support questions will be CLOSED without explanation.

This repository's issues are reserved for feature requests and bug reports.

Bug Reports

You MUST have a JSBin recreation of the defect or your issue will be CLOSED without explanation.

NB: Search the existing issues (open and closed) to see if someone has already reported your bug. If so, vote with a 👍 reaction on the topmost description of the issue (learn how) and press the Subscribe button to receive updates when progress is made.

Comments like "+1" or "when will this be done?" will be ignored. Only 👍 reactions on the topmost description will be counted.

Duplicate issues will be CLOSED without explanation.

Instructions: https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/wiki/Reporting-Bugs

• Overview of the Issue - if an error is being thrown a non-minified stack trace helps
• Motivation for or Use Case - explain why this is a bug for you
• angularjs-bootstrap-datetimepicker Version(s) - is it a regression?
• Browsers and Operating System - is this a problem with all browsers or only specific ones?
• Link to a live example (Required) - provide a live example (using JSBin, Plunker or JSFiddle.
• Related Issues - has a similar issue been reported before?
• Suggest a Fix - if you can't fix the bug yourself, perhaps you can point to what might be
  causing the problem (line of code or commit)

Feature Requests

Search the issue tracker for an existing ticket before creating a new one.
Instructions: https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/wiki/Requesting-Features

(Please erase the above text and begin typing. Thanks!)

How can I change the format for the month and year in the day view?

I see in the code that this has been hardcoded in the dayModalFactory.

'previousViewDate': new DateObject({
            utcDateValue: previousViewDate.valueOf(),
            display: startOfMonth.format('YYYY-MMM')
          }),

Is there a possibility to make this configurable?
Or am I missing something?

Great work!

I am using this plugin, and it works really well for what I need. However, I would like to be able to use the datetime picker only to select time (hh-mm) in some cases.

It would be awesome to have a "maxView" option (like the minView option) to restrict date input.

Thanks!

I am trying to change format of selected date and time LIKE DD-MM-YYYY HH:MM,

I think there is some issue in the code when we change the date time format of the input with the help of "data-ng-model", it changes the date time format but angular js error class remove from the input. here is the code:

<div class="form-group col-md-2" ng-class="{'has-error': myForm.edtaDate.$error.required, 'has-success': myForm.edtaDate.$valid }"> <label>EDTA</label> <div class="dropdown date_dropdown"> <a class="dropdown-toggle" id="dropdown1" role="button" data-toggle="dropdown" data-target="dropdown1" href="#"> <div class="input-group"> <input type="text" required id="edtaDate" name="edtaDate" class="form-control" data-ng-model="myModel.edtaDate"> <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> </div> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <datetimepicker data-before-render="startDateBeforeRender($dates)" data-ng-model="myModel.edtaDate" data-datetimepicker-config="{ dropdownSelector: '#dropdown1' }"></datetimepicker> </ul> </div> </div>

This code working fine with default date time format, but when I'm adding following line to change the date time format, then angular error class i.e. "has-error" or "has-success" not working:
<input type="text" required id="edtaDate" name="edtaDate" class="form-control" data-ng-model="myModel.edtaDate | date:'yyyy-MM-dd HH:mm'">

Can i store a date directly with my current timezone?
When i select a date, the model is always 2 hours sooner than the selected date.

Example: https://jsfiddle.net/SebSob/su0uxLyw/3/

How to reproduce?

• Select 25 May in the picker.
• You will then see that the date object stores it as:

  "data": {
    "dueDate": "2018-05-24T22:00:00.000Z"
  }

• What i expect: 2018-05-25T00:00:00.000Z

Note: When i use angularJS's date filter it displays it correctly.

I live in Belgium. When i run new Date():
Wed May 23 2018 16:59:47 GMT+0200 (Romance Daylight Time)

Can someone please explain this, I'm confused, thanks!

<datetimepicker data-ng-model="BreakTime2" data-on-set-time="onTimeSet(newDate, oldDate)"data-datetimepicker-config="{ startView: 'hour', minuteStep: {{minuteStepmodal}}, dropdownSelector: '.dropdown-toggle' }">

Is this Support Question?

A support question starts with how, why, or some other statement indicating you are trying to understand how to use this directive.
For support questions, please use one of these channels:
Gitter: https://gitter.im/dalelotts/angularjs-bootstrap-datetimepicker
Stack Overflow: http://stackoverflow.com/search?q=angularjs-bootstrap-datetimepicker

Support questions will be CLOSED without explanation.

This repository's issues are reserved for feature requests and bug reports.

Bug Reports

You MUST have a JSBin recreation of the defect or your issue will be CLOSED without explanation.

NB: Search the existing issues (open and closed) to see if someone has already reported your bug. If so, vote with a 👍 reaction on the topmost description of the issue (learn how) and press the Subscribe button to receive updates when progress is made.

Comments like "+1" or "when will this be done?" will be ignored. Only 👍 reactions on the topmost description will be counted.

Duplicate issues will be CLOSED without explanation.

Instructions: https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/wiki/Reporting-Bugs

• Overview of the Issue - if an error is being thrown a non-minified stack trace helps
• Motivation for or Use Case - explain why this is a bug for you
• angularjs-bootstrap-datetimepicker Version(s) - is it a regression?
• Browsers and Operating System - is this a problem with all browsers or only specific ones?
• Link to a live example (Required) - provide a live example (using JSBin, Plunker or JSFiddle.
• Related Issues - has a similar issue been reported before?
• Suggest a Fix - if you can't fix the bug yourself, perhaps you can point to what might be
  causing the problem (line of code or commit)

Feature Requests

Search the issue tracker for an existing ticket before creating a new one.
Instructions: https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/wiki/Requesting-Features

(Please erase the above text and begin typing. Thanks!)

Lets say I receive my events from my Google Calendar as an array of items that contain start date time, and date time.

Is it possible to display these dates in the Calendar?
I tried to set a single Date field to ng-model='vm.today', it paints the cell in blue.
I tried to set an array of Dates to ng-model='vm.dates', it doesn't display anything.
Is it capable of displaying multiple dates on the Calendar UI?

Thanks.

I want to change the value of minView dynamically from minute to day. I have tried something like this.

< datetimepicker data-ng-model="dateModel" data-datetimepicker-config="{ dropdownSelector: 'id', minView: 'minute', configureOn:'change' }" />

scope.config = "{ dropdownSelector: 'id', minView: 'day',configureOn:'change' }";
setTimeout(function () {scope.$broadcast('change', scope.config);}, 500);

Please suggest.

The readme said this is dependent on angularjs 1.4.x and moment.js 2.8.3+, but the latest release is leaning on "angular": "^1.6.3", "moment": "^2.18.1", per the package.json in the latest release here: https://github.com/dalelotts/angularjs-bootstrap-datetimepicker/releases