How I can display only month and year using md-datepicker directive?
Currently, There is no information is available in Angular Material Documentation.
Can anyone help?
You can pass mode to the md-datepicker directive
md-mode="month"
e.g
<md-datepicker ng-model="dateFields.selectedDate"
md-mode="month">
Related
I'm working on an Angular 7 application with Project Clarity v1.0 as a design system.
I did many forms but facing some issue regarding Datepicker custom format.
I went through the documentation but there is no example or text about how to use custom date format, dis-allowed past/previous dates...etc something like ngx-bootstrap. They are mention each and everything about how much you can play around with date picker element.
Project Clarity Example
<form clrForm clrLayout="vertical">
<input type="date" [(clrDate)]="date" newFormLayout="true">
</form>
I tried, angular way to setup custom date format as described into Stack Answer, but nothing like works. Can anyone have an idea about this?
The Clarity Date Picker may not have all of the features of another date picker, and there are some enhancements in our backlog currently. If there is a specific issue that is missing, please search https://github.com/vmware/clarity/issues for existing issues or you may create a new one.
Also in this case, you shouldn't need to use newFormLayout="true" on the control since you are already using the clrForm directive on your form.
Custom date format: We use the locale from Angular to determine the format. This is not currently overridable beyond that.
Disallow date ranges: This is not currently supported, but issue is https://github.com/vmware/clarity/issues/3009.
I am searching for a Datepicker in Angular 6 which has the ability to show Arabic Date based on Hijri Calendar.
Can't seem to find one. Is there something available or we need to build it from scratch.
Ng bootstrap or bootstrap for angular has a date picker that supports Hijri dates and other dates formats. You can look into the link below.
https://ng-bootstrap.github.io/#/components/datepicker/calendars
I want to use Ionic 2 Datetime component in my application But my problem is the target date format is not gregorian and it's Jalali(persian) date format. So I wondering that if any way to change the region of datetime. I wrote a service for change gregorian date to jalali but I don't know that is it possible to change datetime to work with this or not.
Have a look at the library moment js, it seems to have a plugin with the calendar kind you look for, see here. And for the display of the picker, maybe if you use the native datepicker plugin, you'll have a correct display of your calendar (assuming those are managed by android or ios).
I am pretty new in CQ5. I am using CQ version 5.6. I have to build a form with following features
1. Start Date
2. End Date
3. Customer Name
4. Gender
5. URL
I am using CQ5 form component for the same. For features 3,4 and 5 I am using text-field, radio buttons and Link component from sidekick. However for 1 and 2 (dates) I am not sure what to do. I am looking for a datepicker kind of an option but I am not finding them in the form components group. Is there any way to add such a component?
Yes there is the CQ.form.DateTime widget. It is available as datetime xtype.
But it is not available through the sidekick, because the datewidget is not a component but an ExtJs widget which can be included into a component dialog through a simple xtype include.
Making it available through the sidekick requires to create a simple "date and time" component with the datetime widget in the component's dialog definition.
The author-summary component in the geometrixx-media example project is a good example as it's dialog definition uses the datetime widget to render the publishing date and time. Just check out /apps/geometrixx-media/components/author-summary/dialog/items/publishedDate via vlt or access the path through crxde.
https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.form.DateTime provides you the full documentation for this widget.
In my Plone 4.2 site the DatePicker (e.g. when adding a new "event") displays as YEAR MONTH DAY
However, I do have a German Website, where it should be the other way around. That is:
DAY MONTH YEAR. How can I change this?
PS German is already selected as default language from Plone's language control panel.
PPS I don't know if this is related in any way, but since this might be a localisation issue, I'd rather tell: I use raptus.multilanguageplone
edit: added correct image link | say, that this happens when adding/editing a new event
I can't see the image you added because the URL is expired. so I'm going to assume you mean for the add/edit form of an Archetype (In Plone 4.2 the default types are all Archetypes).
There seems to be no easy fix such as a site-wide setting in the control panel, but you can change the ordering in the calendar_macros.pt template. This however means you'll have to change the raw HTML.
To do this, you'll have to go to the Zope Management Interface (reached via the Site Setup page "Plone/##overview-controlpanel").
Then click on the "portal_skins tool" and then "plone_templates". Then click on "calendar_macros" and then click the "Customize" button.
Now you can change the ordering in the raw HTML/TAL.