Questions tagged [mobiscroll]

A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.

Mobiscroll is user control meant for selecting values that is optimized for smartphones and tablets. It is open source and built on the jQuery library.

Resources

164 questions
2
votes
1 answer

How to invert scroll/click direction?

Can you tell me how can I invert the direction of the scroll? For instance, having the mobiscroll in clickpick mode, clicking the bottom arrow should advance in the day/month/year. For example, the date is 17 10 2012 (dd mm yy). Clicking the arrow…
jfvoliveira
  • 104
  • 2
  • 7
2
votes
1 answer

Jquery Mobile and Mobiscroll: my popup only works once

The only way I can get the mobiscroll datetime picker to work is if I disable ajax and set rel="external" from other files. I want the smooth transition of Jquery's ajax, but I can't get it to work. This is how I have the declaration set up: …
user1467225
  • 119
  • 1
  • 1
  • 10
2
votes
3 answers

Setting a particular date using Jquery

I am using mobiscroll.js and am trying to set a particular date like 14/06/2005. This is my senior's code. I am not sure how to edit to set a particular date. Code: (function ($) { var date = new Date(); …
lakshmen
  • 28,346
  • 66
  • 178
  • 276
2
votes
2 answers

How to set as default this format of current time and date on page load?

I am using a jQuery script that let me choose a date and time. However on page's load the textbox does not have any date+time in it. I would like to display the current date and time like the format below. 2012-07-25 15:10 $(function () { …
EnexoOnoma
  • 8,454
  • 18
  • 94
  • 179
1
vote
1 answer

Using formatDate function of Mobiscroll jQuery Plugin

I'm sure I'm just being dim, but I can't work out how to use the formatDate utility function of the Mobiscroll date picker plugin. The doc just says this: formatDate function(format, date, settings) Format a date into a string value with a…
Matt Lacey
  • 8,227
  • 35
  • 58
1
vote
1 answer

How to install the mobiscroll in angular project with different username?

I already installed the mobiscroll trial in my angular project. I want to reinstall with new username. I have the option to remove the library . But unfortunately when i try to install the mobiscroll, its logged in old username. I have used the…
Vel
  • 194
  • 1
  • 12
1
vote
0 answers

How to open mobiscroll Numpad without using html

In Angular 5, I need to open mobiscroll NumPad without using html input field. Is there any way to call numpad instance direct from the ts file using mobiscroll module? https://demo.mobiscroll.com/angular/numpad/# Thanks.
harry
  • 451
  • 2
  • 5
  • 17
1
vote
0 answers

Show mobiscroll numpad in mobiscroll.prompt's input field

I need to open numpad in mobiscroll prompt's input. I can't find any option in mobiscroll doc. https://demo.mobiscroll.com/angular/alerts-notifications/alert# https://demo.mobiscroll.com/angular/numpad#
harry
  • 451
  • 2
  • 5
  • 17
1
vote
1 answer

How to get the ref from a Mobiscroll child component into the parent

I'm trying to get a Child's state into the parent. After moving the Child's state and method into the parent, I've got the following: export default class Parent extends React.Component { constructor() { super(); this.state = { mpc_steps:…
flimflam57
  • 1,334
  • 4
  • 16
  • 31
1
vote
2 answers

mobiscroll events and typescript functions

I want to use the mobiscroll event for the calendar object (onMonthLoaded) but instead of writing all code inside the settings element of the mobiscroll - have the logic outside of it. This is my code: export class CalendarComponent { …
gil
  • 65
  • 5
1
vote
1 answer

Mobiscroll date modal customisation

Have a mobiscroll instance to show date: $(document).ready(function () { $("#date").mobiscroll().date({ theme: 'wp', mode: 'clickpick', …
Raphael
  • 770
  • 1
  • 7
  • 23
1
vote
0 answers

Using Mobiscroll with webpack and babel

I am using Mobiscroll from their github but I have also tried using their generator with react. The problem with the github version is it comes as multiple…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
1
vote
1 answer

Angular mock method on element

I am testing a directive, where I use the library Mobiscroll. I know that Mobiscroll also has a angular components but I am using older versions of the Mobiscroll library at the moment, so I am not interested in that. The problem is, I want to test…
Ricconnect
  • 1,089
  • 5
  • 25
1
vote
0 answers

mobiscroll set the default value while page load in angularjs

I am using jquery mobiscroll for angularjs. Every thing was working as expected, but i want to set the value which is getting from the server. my directive .directive('mobiSelect', function() { return { restrict: 'A', scope: { …
vishnu
  • 4,377
  • 15
  • 52
  • 89
1
vote
0 answers

mobiscroll time step not working

I have the following html and JS but am unable to get the step parameter to work for minutes: jQM Complex Demo
DCR
  • 14,737
  • 12
  • 52
  • 115
1
2
3
10 11