Filter FieldEditors only show date

[Y]

Hi telerik,
   
    I want only show date in filter date fieldeditors,I set the PreviewDataFormat="yyyy-MM-dd" it not work. and I want not show the time picker ico.

<telerik:RadFilter ID="RadFilter1" runat="server" OnApplyExpressions="RadFilter1_ApplyExpressions">
                <FieldEditors>
                    <telerik:RadFilterDateFieldEditor DisplayName="Join Date" DataType="System.DateTime"
                        FieldName="approach_date" />
                </FieldEditors>
            </telerik:RadFilter>

[Princy]

Hello,

You can try the following CSS to hide the time picker icon.

CSS:

<style type="text/css">
 .rcTimePopup
 {
   display:none ! important;
 }
</style>

Thanks,
Princy.

[Y]

  Thanks very much!  But how set the input only show date?

[JD.]

Hi Princy,

I liked your nice tip,  but like "Mr. Y", I have same query,  how to change input textbox to display date in 'dd-mmm-yyyy' format
and also make input field readonly so that user is forced to choose date.

Regards


PS:  I am not refering to "PreviewDataFormat".

[Eyup]

Hi,

You could try the following approach:

function pageLoad() {
    var radFilter = $find("<%= RadFilter1.ClientID %>");
    var pickers = radFilter.get_element().getElementsByClassName("RadPicker");
    for (var i = 0; i < pickers.length; i++) {
        var picker = $find(pickers[i].firstElementChild.id);
        picker.get_timePopupButton().style.display = "none";
        picker.get_dateInput().get_element().readOnly = true;
        picker.get_dateInput().set_displayDateFormat("dd-MM-yyyy");
    }
}

I hope this will prove helpful.

Greetings,
Eyup
the Telerik team

[CaseNet]

Hello Mr Eyup,

I tried your way(javascript function).
At the first time the picker display correct DateFormat("dd-MM-yyyy"), however when I apply filter then dateformat  of picker is display with default format(MM/dd/yyyy 12:00 AM).
You have any ideas for this problem ?

Regards,

[Eyup]

Hello,

You can use the following approach:

protected void RadFilter1_ExpressionItemCreated(object sender, RadFilterExpressionItemCreatedEventArgs e)
{
    RadFilterSingleExpressionItem singleItem = e.Item as RadFilterSingleExpressionItem;
    if (singleItem != null && singleItem.IsSingleValue)
    {
        RadDateTimePicker picker = singleItem.InputControl as RadDateTimePicker;
        if (picker != null)
        {
            picker.DateInput.ReadOnly = true;
            picker.TimePopupButton.Visible = false;
            picker.DateInput.DateFormat = "dd-MM-yyyy";
        }
    }
}

That should do the trick. Please give it a try and let me know if it works for you.

Regards,
Eyup
Telerik