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.

Filter by
Sorted by
Tagged with
0 votes
0 answers
46 views

How to get instance data from mobiscroll when I click Save or Add button

here is my calendar link ``` onEventUpdate: function (args) { var event = args.event; if (event.recurring) { originalRecurringEvent = args.oldEvent; ...
Md Majadul Islam's user avatar
0 votes
1 answer
34 views

How to hide Popup fields or display them as read only in MobiScroll using React

I trying to find out how we can conditionally hide fields, or set them to be read-only, in Mobiscoll using React. If anyone could share an example of how to do this I would be most grateful. In the ...
Alistair's user avatar
0 votes
0 answers
192 views

Is Mobiscroll compatible with React Native?

Because mobiscroll is a non-free product, before using it I need to know if it is compatible with react native. The official website says that it is compatible with react but no mention of react ...
JB Lecoin's user avatar
-1 votes
1 answer
214 views

Get aria-label of date on click

I am using the Mobiscroll Jquery demo and is trying to get the value of the aria-label to display in console.log. Currently I am getting null everytime I click on a date. Can anyone help me with this ...
Beldion's user avatar
  • 321
0 votes
1 answer
172 views

Mobiscroll is saving one date behind in the redux toolkit

I am using Mobiscroll Datepicker for my react application. I have to select multiple dates for scheduling classes. Everything is working fine except that the dates that are being dispatched to redux ...
Urwah Maqsood's user avatar
0 votes
2 answers
2k views

invalid date when trying to change the date format

I have a date value and want to format it. This is the value: Thu Jul 07 2022 01:03:18 GMT+0200 (Mitteleuropäische Sommerzeit) I want to make this format: console.log(new Date('YYYY-MM-DD h:i:s', ...
universe11's user avatar
0 votes
0 answers
314 views

Mobiscroll EventCalendar month and years picker disappearing after selecting in ionic react app

I am using EventCalendar from mobiscroll on my Ionic React app, everthing else works fine but here is the problem: it's working when select years back(like 1890) but when I try to select years after ...
Lily Chen's user avatar
0 votes
1 answer
346 views

Does mobiscroll have a method to get the day of week?

Does mobiscroll have a method to get the day of week in given language (set from 'lang' option). I could not find in the docs. Bellow is a snippet code what I want to achieve. $('#mobiscroll')....
Xhevat Ziberi's user avatar
0 votes
1 answer
792 views

Error importing mobiscroll css styles in webpack

I have a problem with importing mobiscroll css styles in my react project (created by webpack) Other css files are working well but This line generates Error: import '@mobiscroll/react-lite/dist/css/...
MSKashef's user avatar
  • 386
0 votes
0 answers
87 views

All mobiscroll components for verson 2.17 for angular js stopped working on Android 10

Mobiscroll for Angular JS Select Lists and Date Pickers previously functioning on Android 9 but not working on Android 10 They open but Cancel and OK buttons not functioning. Selecting dates is not ...
jalmen's user avatar
  • 191
2 votes
2 answers
413 views

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, ...
Vel's user avatar
  • 204
1 vote
0 answers
65 views

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/...
harry's user avatar
  • 461
1 vote
0 answers
99 views

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/...
harry's user avatar
  • 461
1 vote
1 answer
194 views

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 { ...
flimflam57's user avatar
  • 1,334
0 votes
1 answer
965 views

Can't get mobiscroll instance from Angular + Ionic

I can't seem to get the instance of my mobiscroll widget using Angular 4 with Ionic Framework. It seems that I'm doing everything correct but it won't select the actual widget. Widget HTML: <...
Joe Scotto's user avatar
  • 11.1k
1 vote
2 answers
576 views

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 ...
gil's user avatar
  • 65
0 votes
1 answer
187 views

How to implement the DATE PICKER in PhoneGap? is there any alternative other than mobscroll. If I use Jquery I' m getting below error

How to implement the DATE PICKER in PhoneGap/Android? Some people are suggesting to use Mobicroll, I guess it is paid. So anyone please explain me in detail how to use a 3rd party tool/plugin for the ...
Podile venkata krishna's user avatar
0 votes
1 answer
3k views

Ionic / Angular 2 Countdown timer solutions

I am looking to build a simple Angular 2 (4) / Ionic 2 Countdown timer for my application, but I can't seem to find any open-source solutions available, so I wanted to see what suggestions you guys ...
Jordan Benge's user avatar
  • 1,063
-1 votes
1 answer
638 views

I want to scroll only day hour and time using mobiscroll

I want to only scroll day hour min using jQuery library mobiscroll, please suggest any solution. Only scrollmonth and hour using mobiscroll jQuery library. For more clarification please see below ...
Harshad Borde's user avatar
0 votes
0 answers
134 views

displaying the hour and minute with mobiscroll

Is there a way to display the hour and minute with mobiscroll? I can show the year/month/day,but i don't know how to display the hour and minute,here's my code $scope.endDate = { preset: '...
daisy's user avatar
  • 1
1 vote
1 answer
402 views

Mobiscroll date modal customisation

Have a mobiscroll instance to show date: $(document).ready(function () { $("#date").mobiscroll().date({ theme: 'wp', ...
Raphael's user avatar
  • 770
0 votes
1 answer
162 views

Unable to click a date in calendar as the link is continuously changing

I'm trying to select the day in a calendar but can't because everytime i create a new workspace (new page in our UI) the Xpath changes. Xpath //div[@id='mobiscroll1486619404547']/div[2]/div/div/div/...
Brainles71's user avatar
0 votes
0 answers
282 views

how to test mobiscroll date-time picker in protractor

I'm new to the whole concept of e2e testing and Protractor, so please bear with me.. I'm trying to write an e2e testing script for a form using protractor, but one of the fields being a mobiscroll ...
code.rhyme's user avatar
3 votes
1 answer
879 views

Mobiscroll and Ionic implementation

I am trying to get Mobiscroll to work with Ionic but can't seem to make it happen? Here is what I am trying to do. I have implemented jquery and mobiscroll like this: <!DOCTYPE html> <html&...
Mansa's user avatar
  • 2,297
0 votes
1 answer
3k views

Using react and webpack: use the non-minified dev environment

I am using webpack to test a new plugin of mobiscroll as I am getting an error and needed to make sure it wasn't my set up. However now I get the error that implies (at least from searching) that I ...
Jamie Hutber's user avatar
  • 27.2k
1 vote
0 answers
437 views

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 files: bower_components/mobiscroll/js/...
Jamie Hutber's user avatar
  • 27.2k
1 vote
1 answer
1k views

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 ...
Ricconnect's user avatar
  • 1,089
1 vote
0 answers
481 views

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() { ...
vishnu's user avatar
  • 4,457
1 vote
0 answers
302 views

mobiscroll time step not working

I have the following html and JS but am unable to get the step parameter to work for minutes: <!DOCTYPE html> <html> <head> <title>jQM Complex Demo</title> <meta name=...
DCR's user avatar
  • 15k
0 votes
0 answers
501 views

jquery mobile and mobiscroll it appears behind of jquery mobile popup

I am working with Jquery mobile and mobiscroll, I am using a popup with not-modal, to call a mobiscroll datetime, when I call a mobiscrooll from popup is positioned behind of jquery mobile popup. I am ...
user4131013's user avatar
0 votes
1 answer
52 views

Mobiscroll produces RangeError when in jquery dialog

here is our code, we are using coffeescript, backbone, marionette and jquery for dialog. when the code executed the browser produces RangeError and freeze. has anyboy encounter same as our problem, ...
Naplionheart's user avatar
1 vote
1 answer
544 views

MobiScroll datePicker reset value 00-000-0000

Mobiscroll date picker every year should ends with reset value 00-000-0000, the reset value is achieved when i click the reset button. how to achieve this. +----+-----+------+ | 31 | dec | 2014 | | ...
mani R's user avatar
  • 361
1 vote
1 answer
1k views

Setting a reset value in a datepicker using mobiscroll DATE, DateTimer

Code : handler: function (event, inst) { alert('Custom button clicked!'); that.mobiscroll('setValue', ['0', '0', '0', '0']); } }, the above mentioned part of a code ...
mani R's user avatar
  • 361
-2 votes
1 answer
111 views

change width of number clickpick component of Mobiscroll

Good day, There seems to be a bug in Mobiscroll's "number" component because no matter what I try I just can't make the width size I specify. I must use version 2.14.0 or greater because Custom ...
vic_sk's user avatar
  • 39
0 votes
0 answers
152 views

Handling Mobiscroll Date Time picker in UFT

I am working on a siebel application which is using Mobiscroll for date time picker for seting the dates/Times. I am not able to get the past/future dates from this. It looks something like below. Can ...
Saurabh Seth's user avatar
0 votes
0 answers
204 views

Mobiscroll javascript get 2 values to input element

I'm trying to set 2 values from the wheels for price and price2 input elements with mobiscroll but don't know how to get this working. Any idea how i can do this ? $('#price').mobiscroll({ theme: '...
Volkan Secinn's user avatar
0 votes
1 answer
613 views

Mobiscroll: can't bind the timepicker to the scope

Using the 'Mobiscroll' library, i can't get the timepiker selection to bind correctly. Plunker My code: <div ng-controller="myController"> {{me}} <input ng-model="me" mobiscroll-...
אVי's user avatar
  • 1,933
0 votes
1 answer
261 views

how do I add an item to mobiscroll at runtime

I have a mobiscroll list. I added an extra button called "Add new" I want to click that button and add a new item to the mobiscroll list. Is that possible? I've been digging through that api to no ...
user avatar
1 vote
0 answers
246 views

How to create multi selection on html 5 code, better using mobiscroll

I Want to create a html multi-selec-list with 2 columns by using mobiscroll. And I write the code on rails with haml and js. The core rails code to haml is like this: - grouped_options = [['week_1', ...
ElliotCui's user avatar
  • 395
0 votes
2 answers
131 views

How to increase the shown results from mobiscroll

i'm just working on an application which has a inline-scroller included. It works fine but i want to increase the results mobiscroll gives out. I have a DB-Request which fills my Mobiscroll with ...
Sithys's user avatar
  • 3,695
0 votes
1 answer
780 views

How to set default time in Mobiscroll?

The main problem is that the project is a bit old and I can't update Mobiscroll and also don’t know the current version of it... My code looks like this: jQuery('#select-time').mobiscroll().time({ ...
user1692333's user avatar
  • 2,521
0 votes
1 answer
119 views

How to use mobiscroller *instead of* input?

I'm want to use the mobiscroll selector (demo | source) on my (desktop oriented) website. I've got a basic version working here. The way that works is that when you click the input at the top, it ...
kramer65's user avatar
  • 51.1k
0 votes
1 answer
2k views

mobiscroll angularjs Error: f.mobiscroll is not a function

I've just downloaded Mobiscroll with angular js integration ( I've used this in the past without angularjs ). I'm following the instructions at http://docs.mobiscroll.com/2-13-0/ng-integration, and ...
user3864665's user avatar
0 votes
1 answer
835 views

Mobiscroll - Change input value of a time

I would like to change the input element("cookingTime"). $('#cookingTime').mobiscroll({ preset: 'time', lang: 'fr', display: 'bottom', mode: 'scroller', theme: 'android' }); $('#cookingTime').click(...
user2274060's user avatar
0 votes
1 answer
372 views

Mobiscroll time component - Bad display

I've created a web project in ASP.NET MVC 4 and JQuery Mobile. I try to use a mobiscroll component to print a scroller for time. The problem is that the display is weird. This is my code : <...
user2274060's user avatar
1 vote
1 answer
2k views

Mobiscroll Plugin - Undefined is not a function with timespan function

I use a ASP.NET MVC 4 project. In my web page Index.cshtml, I especially added this lines to use the plugin Mobiscroll 2.12.0: <link href="@Url.Content("~/Content/css/mobiscroll.widget.css")" ...
user2274060's user avatar
2 votes
3 answers
12k views

Hide virtual keyboard on mobile with Jquery/Javascript (Mobiscroll)

There are a lot of questions about this. But they all talk about leaving the focus on a field. Here is my problem: I have a input type field. When the user clicks on it, it will open my custom ...
Dennis Anderson's user avatar
1 vote
1 answer
362 views

Mobiscroll: Auto Scroll to specific value on load (custom wheels)

I couldn't find in the mobi doc how to set auto wheel scroll on load. I have 2 custom wheels like this: var whl1 = {'1_Value1':'1_Value1', '1_Value2':'1_Value2', '1_Value3':'...
Newbie's user avatar
  • 152
1 vote
1 answer
1k views

mobiscroll's setValue doesn't work on subsequent opening of jQM dialog

A simplified version of my problem is at github. I'm using mobiscroll 2.6.2 (since that's the last free version on github. Later versions up to 2.11 exists but are on different license). Basically, ...
kane's user avatar
  • 5,575
1 vote
1 answer
472 views

Mobiscroll datepicker sometimes require more click to open [Phonegap]

I am developing a mobile app using phonegap and im using mobiscroll for the datepicker. Here is what's happening, i have a text box, when clicked/touched the datepicker pops up. Now, the problem is ...
clintgh's user avatar
  • 2,039