Set a Default current Datetime in datetime-local using Angularjs - javascript

I am new to HTML. I am stuck in a very simple problem. I am using datetime-local input type in a web application.
I just want to define a default current value for the datetime. Any ideas
HTML Code
<input type="datetime-local" value="row.ActivityDate" ng-disabled="row.chkDateTime == false" ej-datetimepicker ng-init="row.ActivityDate=''" ng-model="row.ActivityDate" class="form-control date"
id="ptDateTimePicker{{$index}}" ng-required="true" ng-change="ejDTonChange(row.ActivityDate, $index)">
im try to insert some queris but i want shows in html

Related

HTML Form with javascript date picker (datetime-local) not responding to required

Is there a way to have a user be required to select a date from the picker before submitting the form. Of note: the form works when a date is selected. If a date is not selected the form allows the user to hit enter although crashes after. Also of note: if I change the type to date, text, number etc the form required function works, however, the user is then not able to use the javascript date picker.
<form method="POST" action="placeorderfinal.php">
<label for="Booking date & time">Order for (date & time): </label>
<input type="datetime-local" id="orderdate" name="orderdate" placeholder="yyyy-mm-dd HH:MM" required/>
You should use javascript to solve your problem then. When the users clicks submit check the date input if nothing is entered throw an error.

react js date format using java script

I am using react js for my form. currently i am loading my date to the text box. but currently its show with different format please check this
<Form.Control
type="text" disabled
size="sm"
placeholder=""
name="termDate"
onChange={handleChange}
value={values.termDate}
/>
I am setting the value using the code given below:
setFieldValue('termDate', dataObj.termDate);
when I use the above code, textbox date load as below.
I need to load this date as 2021-07-07.
How do I format this before loading it to the textbox?
Use momentjs. This oneliner will help
moment(dataObj.termDate).format("YYYY-MM-DD");

Manual typing format of date

I am using ng-pick-datetime for selecting and displaying dates. I have changed to format of the date to DD/MM/YYYY using dateTimeAdapter.setLocale('en-IN') in constructor. If I click the calendar and select the date Its in format of DD/MM/YYYY but If I manually type 03/28/2019, it still accepts. I want to restrict other format except DD/MM/YYYY even on typing. Please help me out.
Code
<input (ngModelChange)="onChangeDate($event)" [(ngModel)]="dob" name="date" [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1" required>
<owl-date-time class="" [pickerType]="'calendar'" [startView]="'multi-years'" #dt1></owl-date-time>
import { DateTimeAdapter } from 'ng-pick-datetime';
constructor(dateTimeAdapter: DateTimeAdapter<any>){dateTimeAdapter.setLocale('en-IN');}
There are several ways to validate your input. Here I have provided solution to your problem.
https://stackblitz.com/edit/ng-pick-datetime-format-i18n-qwhyb3?embed=1&file=src/app/app.component.html
I have added type of input as "text", pattern as you needed "DD/MM/YYYY" and background css to get valid and invalid status of input tag.
<input type="text" pattern="^([0-2][0-9]|(3)[0-1])(\/)(((0)[0-9])|((1)[0-2]))(\/)\d{4}$" (ngModelChange)="onChangeDate($event)" [(ngModel)]="dob" name="date" [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1" required>

Caption missing from the app when I have input type DOB

I am working on a mobile app which is done in phonegap.
In a sign up form I have a field for Date of birth.
Which I am having like below
<input type="date" id="example1" placeholder="DOB">
I want to have my input type date because once I generate the apk I get what I want, but When the sign up page comes, It doesn't show the placeholder which I wish to show.
I am not sure how I can get this done. I tried with value = "dd/mm/yyyy" but doesn't seem to be working for me.
You can play trick by using onfocus and onblur.
<input placeholder="DOB" type="text" onfocus="(this.type='date')" onblur="(this.type='text')" id="example1" >

Angular: Content of a disabled input

I have a disabled input in a page with angular. It's just an input to match the formatting of its mutable neighbors. I want to set it to a date.
The model for the data is not formatted. I would like to pipe it through the date 'medium' filter.
The following works but gives an error saying angular.js:13550 Error: [ngModel:nonassign].
<input readonly type="text" name="Date" disabled ng-model="item.date | date : 'medium'">
I can see why angular is upset. What would happen if someone enabled the and modified the input, right? But I to want to get the date into the input anyway. What should I be doing?
If you intend to not to modify it. You can simply do
<input readonly type="text" name="Date" disabled value="{{item.date | date : 'medium'}}">

Categories

Resources