Java tutorial
/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ package org.apache.isis.viewer.wicket.ui.components.scalars.datepicker; import de.agilecoders.wicket.core.util.Attributes; import java.util.Locale; import org.apache.wicket.markup.ComponentTag; import org.apache.wicket.markup.head.CssHeaderItem; import org.apache.wicket.markup.head.IHeaderResponse; import org.apache.wicket.markup.head.JavaScriptHeaderItem; import org.apache.wicket.markup.head.OnDomReadyHeaderItem; import org.apache.wicket.markup.html.form.TextField; import org.apache.wicket.model.IModel; import org.apache.wicket.request.resource.CssResourceReference; import org.apache.wicket.request.resource.JavaScriptResourceReference; import org.apache.wicket.util.convert.IConverter; import org.apache.isis.viewer.wicket.ui.components.scalars.DateConverter; import static de.agilecoders.wicket.jquery.JQuery.$; /** * A text input field that is used as a date picker. * It uses <a href="https://github.com/Eonasdan/bootstrap-datetimepicker">Bootstrap Datetime picker</a> * JavaScript widget * * @param <T> The type of the date/time */ public class TextFieldWithDatePicker<T> extends TextField<T> implements IConverter<T> { private static final long serialVersionUID = 1L; protected final DateConverter<T> converter; private final DateTimeConfig config; public TextFieldWithDatePicker(String id, IModel<T> model, Class<T> type, DateConverter<T> converter) { this(id, model, type, converter, new DateTimeConfig()); } public TextFieldWithDatePicker(String id, IModel<T> model, Class<T> type, DateConverter<T> converter, DateTimeConfig config) { super(id, model, type); setOutputMarkupId(true); this.converter = converter; String datePickerPattern = getPattern(converter, getLocale()); // convert Java (SimpleDateFormat|DateTimeFormat) format to Moment.js format datePickerPattern = datePickerPattern.replace('d', 'D'); datePickerPattern = datePickerPattern.replace('y', 'Y'); config.withFormat(datePickerPattern); config.calendarWeeks(true); if (datePickerPattern.contains("HH")) { config.sideBySide(true); } this.config = config; } protected String getPattern(DateConverter<T> converter, Locale locale) { return converter.getDatePickerPattern(locale); } @Override public T convertToObject(String value, Locale locale) { return converter.convertToObject(value, locale); } @Override public String convertToString(T value, Locale locale) { return converter.convertToString(value, locale); } @SuppressWarnings("unchecked") @Override public <C> IConverter<C> getConverter(Class<C> type) { // we use isAssignableFrom rather than a simple == to handle // the persistence of JDO/DataNucleus: // if persisting a java.sql.Date, the object we are given is actually a // org.datanucleus.store.types.simple.SqlDate (a subclass of java.sql.Date) if (converter.getConvertableClass().isAssignableFrom(type)) { return (IConverter<C>) this; } return super.getConverter(type); } @Override protected void onComponentTag(ComponentTag tag) { super.onComponentTag(tag); checkComponentTag(tag, "input"); Attributes.set(tag, "type", "text"); } @Override public void renderHead(final IHeaderResponse response) { super.renderHead(response); response.render(CssHeaderItem.forReference( new CssResourceReference(TextFieldWithDatePicker.class, "css/bootstrap-datetimepicker.css"))); response.render(JavaScriptHeaderItem .forReference(new JavaScriptResourceReference(TextFieldWithDatePicker.class, "js/moment.js"))); response.render(JavaScriptHeaderItem.forReference( new JavaScriptResourceReference(TextFieldWithDatePicker.class, "js/bootstrap-datetimepicker.js"))); response.render(OnDomReadyHeaderItem.forScript(createScript(config))); } /** * creates the initializer script. * * @return initializer script */ private CharSequence createScript(final DateTimeConfig config) { return $(this).chain("datetimepicker", config).get(); } }