Get Date Time value from datetime field in power portal/ power page using jQuery

If you want to get Date & Time field value and want to compare with current date so that you do not want to allow submitting back dated value then use below code in power portal/power page form.

if (window.jQuery) {
   (function ($) {
      if (typeof (entityFormClientValidate) != 'undefined') {
         var originalValidationFunction = entityFormClientValidate;
         if (originalValidationFunction && typeof (originalValidationFunction) == "function") {
            entityFormClientValidate = function() {
               originalValidationFunction.apply(this, arguments);
               // do your custom validation here
               // return false; // to prevent the form submit you need to return false
               // end custom validation.
                var selectedAppDate = $("#lifeline_appointmentdate").datepicker({ dateFormat: 'yyyy-MM-dd' }).val();;
                selectedAppDate = new Date(selectedAppDate);
                var currentDateNow = new Date();

                alert(selectedAppDate);
                alert(currentDateNow);

                if(selectedAppDate < currentDateNow)
                {
                    alert("backdated appointment date is not allowed.");
                    return false;
                }
                else{
                        return true;
                }       
            };
         }
      }
   }(window.jQuery));
}

Now when user will submit with back dated appointment, then submit button will not work. If future dated supplied than it will work.

Hope it helps.

You can enroll now !We are giving 30% discount on our Internship Program

Don’t miss the chance to participate in the upcoming Internship Program which will be done using Microsoft Dot Net Web Development Full Stack Technology. The new batch will be starting from May 20, 2024.  We will have most experienced trainers for you to successfully complete the internship with live project experience.

Why to choose Our Internship Program?

Industry-Relevant Projects
Tailored Assignments: We offer projects that align with your academic background and career aspirations.
Real-World Challenges: Tackle industry-specific problems and contribute to meaningful projects that make a difference.

Professional Mentorship
Guidance from Experts: Benefit from one-on-one mentorship from seasoned professionals in your field.
Career Development Workshops: Participate in workshops that focus on resume building, interview skills, and career planning.

Networking Opportunities
Connect with Industry Leaders: Build relationships with professionals and expand your professional network.
Peer Interaction: Collaborate with fellow interns and exchange ideas, fostering a supportive and collaborative environment.

Skill Enhancement
Hands-On Experience: Gain practical skills and learn new technologies through project-based learning.
Soft Skills Development: Enhance communication, teamwork, and problem-solving skills essential for career success.

Book Your Seat Now

Free Demo Class Available