복붙노트

[JQUERY] JQuery와 UI를 날짜 선택기 및 MVC 뷰 모델 유형의 날짜

JQUERY

JQuery와 UI를 날짜 선택기 및 MVC 뷰 모델 유형의 날짜

해결법


  1. 1.당신은 JQuery와의 세계화를 사용하여보고 또는 스크립트에 다음을 추가 할 수 있습니다 (서버 문화 날짜 형식은 'DD / MM / YYY'는 것을 물론 가정)

    당신은 JQuery와의 세계화를 사용하여보고 또는 스크립트에 다음을 추가 할 수 있습니다 (서버 문화 날짜 형식은 'DD / MM / YYY'는 것을 물론 가정)

    $.validator.addMethod('date', function (value, element) {
      if (this.optional(element)) {
        return true;
      }
      var valid = true;
      try {
        $.datepicker.parseDate('dd/mm/yy', value);
      }
      catch (err) {
        valid = false;
      }
      return valid;
    });
    $('#dt1').datepicker({ dateFormat: 'dd/mm/yy' });
    

    하고 사용하시기 바랍니다 @ Html.ValidationMessageFor (m => m.JobStartDate)


  2. 2.MVC보기 모델 여기 :

    MVC보기 모델 여기 :

        public DateTime? date { get; set; }
    

    이것은 스크립트입니다 :

        $('.DatePickers').datetimepicker({
            timepicker: false,
            format: 'd-M-Y',
            scrollInput: false,
            closeOnDateSelect: true
        });
    

    읽기 전용 날짜 선택을위한 키 누름 이벤트

        $(".DatePickers").keypress(function (event) { event.preventDefault(); });
    

  3. 3.당신은 사용자 정의 유효성 검사기를 작성해야합니다. 이 같은 대신 문자열 값을 적용하려면 속성을 수정해야

    당신은 사용자 정의 유효성 검사기를 작성해야합니다. 이 같은 대신 문자열 값을 적용하려면 속성을 수정해야

    public string JobStartDate {get; set; }
    

    당신은 다음과 같은 사용자 정의 유효성 검사기를 만들어야합니다

    public class CheckDateAttribute : ValidationAttribute
    {
        protected override ValidationResult IsValid(object value, ValidationContext validationContext) {
            // Validate your Date here
        }
    }
    

    이 후 당신은 같은 재산을 장식합니다 -

    [CheckDate]
    public string JobStartDate {get; set;}
    

    여기에 사용자 정의 유효성 검사기에 좋은 튜토리얼입니다

  4. from https://stackoverflow.com/questions/27285458/jquery-ui-datepicker-and-mvc-view-model-type-datetime by cc-by-sa and MIT license