Date format in MVC controller with HTML page #10522

9 Answer(s)

• 

  0

  kansoftware created 3 years ago

  Hi, Any update on this??

  Save Cancel
• 

  0

  ismcagdas created 3 years ago

  Support Team

  Hi @kansoftware

  Sorry for the delay. Could you share your cshtml code for this modal ? Normally, toString should convert your date according to current culture.

  But, if these are input fields, you can take a look at TenantEdit Modal's code as a sample, see;

  https://github.com/aspnetzero/aspnet-zero-core/blob/dev/aspnet-core/src/MyCompanyName.AbpZeroTemplate.Web.Mvc/Areas/AppAreaName/Views/Tenants/_EditModal.cshtml#L51

  and locale is provided here;

  https://github.com/aspnetzero/aspnet-zero-core/blob/dev/aspnet-core/src/MyCompanyName.AbpZeroTemplate.Web.Mvc/wwwroot/view-resources/Areas/AppAreaName/Views/Tenants/_EditModal.js#L17

  Save Cancel
• 

  0

  kansoftware created 3 years ago

  I tried toString() also but did not worked, Here is my HTML code and Js code

  HTML Code

  
  @using System.Globalization
  @using Ksoft.Web.Areas.App.Models.Common.Modals
  @using Ksoft.Web.Areas.App.Models.FinancialYears
  @model CreateOrEditFinancialYearModalViewModel
  
  @await Html.PartialAsync("~/Areas/App/Views/Common/Modals/_ModalHeader.cshtml", new ModalHeaderViewModel(Model.IsEditMode ? (L("EditFinancialYear")) : L("CreateNewFinancialYear")))
  
  <div class="modal-body">
          <div id="FinancialYearInformationsTab">
              <form name="FinancialYearInformationsForm" role="form" novalidate class="form-validation">
  
                  @if (Model.IsEditMode)
                  {
                      <input type="hidden" name="id" value="@Model.FinancialYear.Id" />
                  }
  										
  								<div class="form-group">
  									<label for="FinancialYear_YearName">@L("YearName")</label>
  									<input class="form-control" id="FinancialYear_YearName" value="@Model.FinancialYear.YearName" type="text" name="yearName"   maxlength="@Ksoft.Configuration.FinancialYearConsts.MaxYearNameLength"  minlength="@Ksoft.Configuration.FinancialYearConsts.MinYearNameLength"  />
  								</div>
  					
  								<div class="form-group">
  									<label for="FinancialYear_FromMonth">@L("FromMonth")</label>
  									<input class="form-control m-input date-picker" id="FinancialYear_FromMonth" type="text" name="fromMonth" value="@Model.FinancialYear.FromMonth.ToString()"/>
  								</div>
  					
  								<div class="form-group">
  									<label for="FinancialYear_EndMonth">@L("EndMonth")</label>
  									<input class="form-control m-input date-picker" id="FinancialYear_EndMonth" type="text" name="endMonth" value=" @Model.FinancialYear.EndMonth.ToString()"/>
  								</div>
  					
  
              </form>
          </div>
  </div>
  
  @await Html.PartialAsync("~/Areas/App/Views/Common/Modals/_ModalFooterWithSaveAndCancel.cshtml")
  
  

  Js code

  (function ($) {
      app.modals.CreateOrEditFinancialYearModal = function () {
  
          var _financialYearsService = abp.services.app.financialYears;
  
          var _modalManager;
          var _$financialYearInformationForm = null;
  
  		
  
          this.init = function (modalManager) {
              
              _modalManager = modalManager;
              alert(abp.localization.currentLanguage.name);
  			var modal = _modalManager.getModal();
              modal.find('.date-picker').datetimepicker({
                  locale: abp.localization.currentLanguage.name,
                  format: 'L'
              });
  
              _$financialYearInformationForm = _modalManager.getModal().find('form[name=FinancialYearInformationsForm]');
              _$financialYearInformationForm.validate();
          };
  
          var getDateFilter = function (element) {
  
              if (element.data("DateTimePicker").date() == null) {
                  return null;
              }
              return element.data("DateTimePicker").date().format("YYYY-MM-DDT00:00:00Z");
          }
  
          this.save = function () {
              if (!_$financialYearInformationForm.valid()) {
                  return;
              }
  
              var financialYear = _$financialYearInformationForm.serializeFormToObject();
  
              financialYear.fromMonth = ($("#FinancialYear_FromMonth").val() == "" || $("#FinancialYear_FromMonth").val() == null ? null : getDateFilter($('#FinancialYear_FromMonth'))),
              financialYear.endMonth = ($("#FinancialYear_EndMonth").val() == "" || $("#FinancialYear_EndMonth").val() == null ? null : getDateFilter($('#FinancialYear_EndMonth'))),
  			
  			 _modalManager.setBusy(true);
  			 _financialYearsService.createOrEdit(
  				financialYear
  			 ).done(function () {
                 abp.notify.info(app.localize('SavedSuccessfully'));
                 _modalManager.close();
                 abp.event.trigger('app.createOrEditFinancialYearModalSaved');
  			 }).always(function () {
                 _modalManager.setBusy(false);
  			});
          };
      };
  })(jQuery);
  

  Save Cancel
• 

  0

  ismcagdas created 3 years ago

  Support Team

  Hi,

  Could you remove tostring and also log the value of abp.localization.currentLanguage.name in your JS file ? If that doesn't work, could you send your project to [email protected] ?

  Thanks,

  Save Cancel
• 

  0

  kansoftware created 3 years ago

  Hi, Please check your inbox.

  Save Cancel
• 

  0

  kansoftware created 3 years ago

  Hi, Did you get my mail?? Any question related to project run?

  Thanks!
  

  Save Cancel
• 

  0

  kansoftware created 3 years ago

  Hi, Any update on this??

  Save Cancel
• 

  0

  kansoftware created 3 years ago

  Have you checked the code? We are still stuck on this issue. Please check asap.

  Thanks!

  Save Cancel
• 

  0

  ismcagdas created 3 years ago

  Support Team

  Hi @kansoftware

  We have replied to your email. You can continue to get support via email for this case.

  Thanks,

  Save Cancel