Bind to BootStrap DateTime Advanced Picker or retrieve value #2969

4 Answer(s)

• 

  0

  ismcagdas created 7 years ago

  Support Team

  Hi,

  I think you need to set data-link-format for your link field. You can use "yyyy-mm-ddThh:ii".

  Thanks.

  Save Cancel
• 

  0

  nlshcc98765 created 7 years ago

  Does the format need to be that due to JSON/AJAX ? Or can I use a different format such as m/d/yyyy h:ii tt

  I tried both (your format and mine) and also adding the data-link-format to the link field with no luck. Is there an example out there somewhere that works I could review?

  I'm wondering if this method will use binding to push the new value back to Model.Punch.punchDateTime or will I need to use some retrieval logic in the _EditPunchModal.js after var punch = _$punchForm.serializeFormToObject(); ?

  Save Cancel
• 

  0

  nlshcc98765 created 7 years ago

  Ok, so I got this to work using the same solution found here: [https://forum.aspnetboilerplate.com/viewtopic.php?f=5&t=2342&start=10])

  I have to place it at the end of the file, not in the init.

  (function ($) {
      app.modals.EditPunchModal = function () {
  
          var _punchesService = abp.services.app.punch;
  
          var _modalManager;
          var _$punchForm = null;
          var punchdatetime = null;
  
          this.init = function (modalManager) {
              _modalManager = modalManager;
  
              _$punchForm = _modalManager.getModal().find('form[name=PunchForm]');
              _$punchForm.validate();                  
             
              this.save = function () {
                  if (!_$punchForm.valid()) {
                      return;
                  }
                  
                  var punch = _$punchForm.serializeFormToObject();
  
                  _modalManager.setBusy(true);       
  
                  _punchesService.updatePunch({
                      punch: punch
                  }).done(function () {
                      abp.notify.info(app.localize('SavedSuccessfully'));
                      _modalManager.close();
                      abp.event.trigger('app.editPunchModalSaved');
                  }).always(function () {
                      _modalManager.setBusy(false);
                  });
  
              };
          };
      };
  
     $('#datepicker').datetimepicker();
  })(jQuery);
  

  Save Cancel
• 

  0

  ismcagdas created 7 years ago

  Support Team

  Hi,

  Thanks for your feedback :).

  Save Cancel